html - 画像を基礎ブロック グリッドで中央揃え

Question

これは私が取り組んでいるページです: http://lorenpaulcaplin.com/jve/illustrations.html

私のクライアントは、画像を左側に並べるのではなく、中央に配置することを望んでいます。

これがテキストの場合は を使用しますtext-align:centerが、人生はそれほど簡単ではありません。この質問に基づいて、私はこれを試しました：

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

しかし運がない:(

Answer 1

要素に a を追加text-align:centerします。li

このようなもの：

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

ここでデモ。