html - CSS、コンテナにもかかわらずそれらを1行に保つ

Question

スライダーでレスポンシブデザインをしようとしています。コンテナ div がある場合でも、これらの画像を 1 行に収める必要があります。スライダーを適切に行うにはこれが必要です。コンテナ クラスを削除することを考えていますが、コンテナを削除した場合、どのように中央に配置できますか?

ここにフィドルがあります http://jsfiddle.net/smtjZ/

 <div id="middle">
     <div class="container">
        <div id="works">
           <h3>LATEST WORKS</h3>
              <div id="workslider">


<!-- workslideritem -->
<div class="workslideritem">
<a href="#"><img src="images/workslideritem.jpg" alt="" /></a>
</div>
<!-- workslideritem -->




              </div>  
         </div>
    </div>
</div>

コンテナ div にはmax-width:1000px.

Answer 1

white-spaceコンテナではなくアイテムに使用していました。

jsFiddle デモ

#workslider
{
    margin-top:20px;
    white-space:nowrap;
}
.workslideritem
{
    display:inline-block;
    width:20%;
    margin-right:4%;
    position:relative;
}