2012-05-03 10 views
12

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

コード:

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

私が直接rigthに整列するLI要素のためのルールを入れたとしても、それは動作しません。 On the right is what I want. On the left is what I have

SOLUTIONはアドリアーノ

":;テキスト整列" に 感謝が見つかりました:私は私が達成したいものを示す画像を添付した

EDIT "list-style-position:inside;"と組み合わせて、私がしたいことをします。皆さん、ありがとうございました!

+0

達成しようとしていることがわかりません。 [this](http://jsfiddle.net/a2Jup/)です(FFで表示)? – Jon

+0

@ジョン、いいえ、私が付けた画像を見てください –

+0

:http://stackoverflow.com/questions/4977807/ul-li-bullets-as-image-an-right-side-next-to- the-text – swati

答えて

22

あなたは次のように、list-style-position属性を使用することができ、テキストで弾丸を整列させる必要がある場合:この.....

あなたの場合

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

これは動作します。私はリストスタイルのポジションを聞いていない!ありがとう! –

+0

私も。 +1。 –

+2

.theListこのクラスはどこにありますか?私の場合はulまたはliが –

15

使用方向:

direction: rtl; 

一般的には、言語を左に右に使用されます。

編集:

右にそれぞれ浮動小数点を両方ともクリアしてください。

float: right; 
clear: both; 
+0

レスポンスありがとうございますが、テキスト付きの箇条書きを逆にします。これは私が必要とするものではありません。 –

+0

あなたの質問に言い換えて、希望の出力イメージを追加してください。私は明らかに誤解しています。 –

+0

私の質問を更新しました –

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

チェック弾丸が欲しいですか?list-style:none;

1

あなたの要求が正しく理解されている場合は、jus li要素を右浮動させるだけで十分です。http://jsfiddle.net/Jxzs4/1/