如何在HTML页面的两边对齐某些内容？

Question

这似乎是一个愚蠢的问题，但我需要帮助。如果我想在屏幕左侧对齐一些文本，在屏幕右侧对齐某些文本，我会在同一条线上写什么？

Answer 1

使用css的float:left和float:right属性。

请参阅此fiddle

HTML：

<span class="float-l">left</span>
<span class="float-r">right</span>

CSS：

.float-l{
    float : left
}
.float-r{
    float: right
}

Answer 2

有两种方法。这是一。边界只是这样更容易看到。

div {
	border: 1px solid red; }

span {
	border: 1px solid blue; }

.r {
	dislay: inline-block;
	float: right;
	text-align: right; }

<div>
	<span>I'm Left</span>
	<span class="r">I'm Right</span>
</div>