How to center an unordered list?

Question

I need to center an unordered list of unknown width, while still keeping the list-items left aligned.

Achieve the same result as this:

HTML<

Answer 1

To center align an unordered list, you need to use the CSS text align property. In addition to this, you also need to put the unordered list inside the div element.

Now, add the style to the div class and use the text-align property with center as its value.

See the below example.

    
Home
    
About
    
Gallery
    
Contact

Here is the reference website Center Align Unordered List