css - CSS下的所有文本

Question

我想在一行文本的正下方对齐一行文本。

HTML

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

CSS

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

提琴手

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