Center images with base unit grid

Question

This is the page I'm working on: http://lorenpaulcaplin.com/jve/illustrations.html

My client wants the images to be centered and not aligned to the left.

If it were text, I would just use text-align:center , but life is not so simple. Based on this question , I tried this:

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

but no luck :(

Answer 1

Add text-align:center to your li elements.

Something like that:

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

Demo is here .