基础块网格的中心图像

Question

这是我正在处理的页面： http://lorenpaulcaplin.com/jve/illustrations.html

我的客户希望图像居中对齐，而不是左侧排列。

如果这是文字，我只会使用text-align:center，但生活并不那么容易。基于this question，我尝试了这个：

ul.small-block-grid-3 img {
    display:block;
    margin:auto; 
}

但没有运气:(

Answer 1

向text-align:center元素添加li。

这样的事情：

.fairy > ul > li {
  text-align:center;
}

Demo here