Search code examples
htmlcsshtml-listscenter

center ul inside my div

I would like to center my ul container inside my div.

So my div has got a width of 100% and margin set to auto.

For the ul It has a width of 98% and a margin set to auto

width: 98%;
margin: auto;
display: inline-block;
vertical-align: middle;

The trouble I'm having is that the li are not centered inside so the menu is aligned to the left. I would like to display it in the center position

Anykind of help will be much appreciated.

Below is the url of my website http://www.barbarian-strongman28.fr/

Solution

  • ul.art-hmenu have float, remove it (float:none) and text-align:center in .desktop-nav .art-nav-inner (and either need the 98% width)

    This make the whole ul behave like a single word (cause it's display: inline-block).... and align to the center (as text).