html - 中心对齐图像列表

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，放大效果)