CODEWITHSUNDEEP
htmlimagecsszurb-foundation
JPollock
JPollock

Reputation: 3558

Center Images With Foundation Block Grid

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

My client wants the images to be center aligned instead of being lined up by their left sides.

If this were text I'd just use text-align:center, but life is not that easy. Based on this question, I tried this:

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

but no luck:(

Upvotes: 4

Views: 5547

Answers (1)

Brett DeWoody
Brett DeWoody

Reputation: 62773

Add a text-align:center to your li elements.

Something like this:

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

Demo here.

Upvotes: 2

Related Questions