html - センターが応答するまでdivを繰り返します

Question

| まで div を繰り返す方法を知りたいです。中央揃えの div | 再び div を繰り返します (テーブルのように)。私が理解しているように、応答条件を使用する必要がありますが、どのように使用できるかわかりません。

ここに私のコードサンプル（HTML）があります：

<!-- Slider -->
<div id="slider">
  <div class="big"><img class="opt" src="images/urban1.jpg" width="930" height="367" alt="big_thumb"></div>

  <div id="wrap">
    <div class="line"></div>
      <div id="thumbs">
        <div id="button_left"></div>
      </div>
    <div class="line"></div>
  </div>
</div>

CSS:

#slider #wrap {
    width: 100%;
    height: 87px;
    border: 1px #666 solid;
}

#slider #wrap .line {
    background:url(../images/dotted_line.png) top repeat-x;
    width: ??;
    height: 15px;
    float: left;    
}

#slider #wrap #thumbs {
    width: 940px;
    height: 87px;
    margin: 0px auto;
    border: 1px #000 solid;
}

手伝ってくれてありがとう。