Centering <UL> + Keeping <LI>'s Aligned

Question

My problem: http://i56.tinypic.com/ff3jmo.png

The bullet points aren't aligned.

All I'm going is text-align:center'ing the class in which the ul resides. Can I align the bullet points?

EDIT: I just want to try and clarify. I want the actual bullet points aligned. Currently the text is aligned, but not the bullet points.

• T e x t
  • T e x t
    • T e x t

Where as I want

• Text
• Text
• Text
• (Bullet points aligned, text centered)

Answer 1

text-align: center isn't to be used for this purpose. You should probably put the <ul> in a <div> and center that by setting it to a certain width and using margin-left: auto; and margin-right: auto.

So:

<div style="width: 25%; margin-left: auto; margin-right: auto;">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
</div>