Question

I am doing a website and I don’t know how to do aligning of images wrapped in < li >.

Here you can see the page – http://www.dansid.cz/praginfo/services.php?l=de

I need those images to automatically align on center, how can I do that with CSS?

You can see the CSS etc. by right clicking in Firefox or Chrome and clicking Inspect Element.

Thanks for your answers 🙂

Answer 1

By images in lis i assume you’re referring to the thumbnails found in your site, you can center them by declaring them display:inline-block instead of float:left and then simply centering them in their container by setting the text-align:center property in it, like so:

#navlist li {
   display:inline-block;
   *display:inline; /* ie7 fix */
}

Note: remove the float property.

#navlist {
   text-align:center;
}