CSS右对齐列表

Question

如何将列表右对齐？ 文字完美对齐，但项目符号。使用CSS有一种简单易用的方法吗？

代码：

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

即使我直接将LI元素的规则与rigth对齐，它也不起作用。

修改 我附上了一张图片，展示了我想要实现的目标：

解决方案 感谢 Adriano

“ text-align：right; ”与“ list-style-position：inside; ”相结合，做到了我想要的。谢谢大家！

Answer 1

如果您需要将项目符号与文本对齐，可以使用list-style-position属性，如下所示：

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

Answer 2

使用方向：

direction: rtl;

通常用于从右到左的语言。

编辑：

向右浮动并清除两者。

float: right;
clear: both;

Answer 3

如果我正确理解了您的要求，那么恰好浮动li元素就足够了：http://jsfiddle.net/Jxzs4/1/

Answer 4

<ul style="float:right; text-align:left; list-style:none;">

检查这个......

如果您需要项目符号，请删除list-style:none;