CSS right aligned list

Question

How should I align the list to the right? The text aligns perfectly, however bullets do not. Is there a simple and easy way to do so with CSS?

Code:

<ul style="text-align: right">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>

Even if I put the rules for LI elements directly to be aligned to the rigth, it does not work.

EDIT I have attached an image showing what I want to achieve:

Answer 1

If you need to align the bullets with the text you can use the list-style-position attribute, as follow:

.theList
{
    text-align: right;
    list-style-position: inside;
}​

Answer 2

Use direction:

direction: rtl;

It is generally used for right to left languages.

edit:

Float each to the right and clear both.

float: right;
clear: both;