中心对齐图像列表

Question

一些CSS大师可以帮助我获得这种布局.

我在这里有什么

<div class="movieList">  
<div class="image" selected = true>  
 <img class="poster" src="image1" selected = true/>  
</div> 
 <div class="image">   
<img class="poster" src="image1"/>  
</div>  
<div class="image"> 
  <img class="poster" src="image2"/>
 </div> 
 .
 .

</div>

谢谢

Answer 1

从...开始:

.cover {
  float:left;
  margin-left:-50px;
}

从那里开始

示例:http://jsfiddle.net/steve/T2qHR/(居中,纯CSS,放大效果)