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;
}​