html - CSS 右寄せリスト

Question

リストを右揃えにするにはどうすればよいですか? テキストは完全に整列しますが、箇条書きはそうではありません。CSS を使用してこれを行う簡単で簡単な方法はありますか?

コード：

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

LI 要素のルールを直接右揃えに設定しても機能しません。

編集 私が達成したいことを示す画像を添付しました:

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;