How to align the menu to the center (Yes, a stupid question, but it does not work for me)?

Question

css

Poke your nose. Here is the html & css code https://jsfiddle.net/18hd2zko/

Answer 1

you can li remove float, set display:inline-block; and ul remove padding and make text-align:center;

Answer 2

First, connect the bootstrap.
Secondly, you can use its components.
If you really want your own, then, indeed: inline-block for li and text-align: center for the ul container https://jsfiddle.net/18hd2zko/6/