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/

與文本對齊：權利;

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; }