CODEWITHSUNDEEP
css
Mawg
Mawg

Reputation: 40140

How do I center a list?

I have an unordered list and I want to have it in the middle of the page.

By that, I mean that the left side bullets should be vertically aligned with the center of the list item with the longest text, but in the center of the page?

and not 

 
                 * item 1 is boring
    * item 2 is a very long item indeed, oh yes it is
           * item 3 is almost as boring as item 1

Upvotes: 2

Views: 120

Answers (1)

mqchen
mqchen

Reputation: 4193

Here is an answer for you which centers your list with variable width: jsfiddle. It's pure css and doesn't add any extra tags.

The method was first published here, and should work in just about all browsers.

Upvotes: 3

Related Questions