Center row of Images

ttmt · March 15, 2011, 5:55pm

Hi all

This seems like a really simple question but I can’t work it out.

I have a group of images floated in a list like this

But I want to center the images like this.

zbing · March 15, 2011, 6:02pm

remove the float and add display: inline.

ul li {
margin-left: 5px;
display: inline;
}

dresden_phoenix · March 15, 2011, 9:43pm

and dont gorgt to to add “text-align:center” to the UL after doing that.

ttmt · March 17, 2011, 9:31am

Thank you for that

I knew it was going to be simple but I didn’t realize display:inline would center it.