How to align menu to centre(Yes a stupid question, but does not leave me)?

Poke a nose. Here is the html & css code https://jsfiddle.net/18hd2zko/
July 9th 19 at 10:57
3 answers
July 9th 19 at 10:59
Solution
can li remove float, set display:inline-block; ul and remove the padding and make the text-align:center;
July 9th 19 at 11:01
First, connect the bootstrap.
Second, it is possible to use its features.
So if you want her, then, really: inline-block for the li and text-align: center to the container ul https://jsfiddle.net/18hd2zko/6/
Bootstrap is connected Thanks - bruce_Schroeder commented on July 9th 19 at 11:04
July 9th 19 at 11:03
I agree with
There is still the easiest option to add margin:0 25%; in .main_mnu

Find more questions by tags CSSBootstrapHTML