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/

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