html - CSS 右对齐列表

Question

我应该如何将列表向右对齐？文本完全对齐，但项目符号不对齐。使用 CSS 是否有一种简单易行的方法？

代码：

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

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

编辑 我附上了一张图片，显示了我想要实现的目标：

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;