Centering li items

HTML & CSS
1

Hi,
I am unable to center the listed items on my page www[dot]shellneverknow[dot]com[dot]au/ , under the slide. i tried display:block-inline and margin 0 auto too, but didn’t work. any other work around?

2

I should hope not, because it doesn’t exist! If you always have three items in each row, this is an easy option:


ul {text-align: center;}
li {display: [B]inline-block[/B];}
3

Before trying Ralph’s recommendation try eliminating the HTML and CSS errors:

http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.shellneverknow.com.au%2F&profile=css3&usermedium=all&warning=1&vextwarning=&lang=en

4

The backend is a CMS, the errors aren’t mine. So i wouldn’t mind. But @ralph.m ; technique didn’t work

Edit: it did work @ralph_m; , as i didn’t remove the float:left;

5

Again stuck, at the other li, on same page under ‘featured items’ :frowning:

6

Those list items are floated in several places, so you’ll need to remove those. Check the inspector to see where these floats reside.