trying to center images in galleria jquery

Question

i am using jquery galleria which is quite cool but i can't seem to figure out how to center the list of thumbnails. asyou can see in the below link, the main image is centered but the thumbnails are always left justified. any css experts know what i am doing wrong here.

Here is an example.

Answer 1

Your list items are currently set to "display: block; float: left;" which is causing your problem as centring the content will do nothing to these...

There is a solution though.

As all of your images in the thumbnail section will always be the same width, you can make an adjustment to get things centred.

I made the following change to your CSS

.gallery_demo {
  padding-left: 80px;
  width: auto;
}

Which seems to get the results you are after.

p.s. the "center" html tag shouldn't be used.