如何对齐HTML页面两侧的内容？

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

使用css的

float:left

和

float:right

属性

参考此

HTML:

---

使用css的

float:left

和

float:right

属性

参考此

HTML:

---

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

div{
边框：1px纯红；}
跨度{
边框：1px纯蓝色；}
r{
dislay：内联块；
浮动：对；
文本对齐：右；}

我走了
我是对的

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

div{
边框：1px纯红；}
跨度{
边框：1px纯蓝色；}
r{
dislay：内联块；
浮动：对；
文本对齐：右；}

我走了
我是对的

中间应该有文本还是没有？中间应该有文本还是没有？你应该用一个例子来扩展你的答案。为什么这个答案赢了？浮动：左；在这里完全没有必要。请看下面我的答案，没有多余的代码也是一样的。包含的div和borders仅用于说明。你应该用一个例子来扩展你的答案。为什么这个答案会赢？浮动：左；在这里完全没有必要。请看下面我的答案，没有多余的代码也是一样的。包含的div和边框仅用于图示。

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

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