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