css - CSSの下のすべてのテキスト

Question

テキストの行の真下にテキストの行を揃えたい。

HTML

<h4 class="support1">Number 123456</h4>
<h4 class="support2">Number 678910</h4>

CSS

.support1 { float:right;}
.support2 {float:right;}

Jsfiddle

http://jsfiddle.net/3Dtc4/

Answer 1

clear:rightで使用.support2:

.support1, .support2 { float:right;}
.support2 { clear:right; }

http://jsfiddle.net/3Dtc4/1/

Answer 2

フローティングは必要ですか？要素をブロック要素として保持し、テキストを右に揃えることができます。

http://jsfiddle.net/3Dtc4/9/

text-align:right; を使用。

Answer 3

ヘッダー要素はブロック レベルの要素であるため、後続の要素を押し下げます。を使用して、両方が右に揃えられていることを確認するだけtext-align: right;で、ブロック レベルの効果が互いの下にあることを処理します。

CSS

.support1, .support2 { 
  text-align:right;
} 

例: http://jsfiddle.net/23U6Q/

それは望ましい効果ですか？

Answer 4

<h4 class="support1">Number 12345</h4><br>
<h4 class="support2">Number 678910</h4>

また

.support1 { float:right;}
.support2 {float:right; clear:right; }