Html CSS：在同一行上左对齐和右对齐文本

堆栈溢出问题询问如何在一行上左对齐和右对齐文本。我找不到适用于多行文本的答案

---

在环绕多行的文本段落中，如何右对齐内联元素自身的行？当内联元素位于一行的中间时，它应该跳过文本的方式并位于当前行的结尾。

示例代码：

<p>
    Lorem ipsum dolor sit amet, consectetur adipiscing
    <span class="lil-green"></span>
    elit. Pellentesque in vestibulum purus, et pharetra tellus. Etiam et ague tortor.
    <span class="lil-red"></span>
</p>

Lorem ipsum dolor sit amet，Concertetur Adipising
精英。前庭purus和pharetra tellus的Pellentsque。这是我的错。

简单模型

---

即使调整了文本容器元素的大小，该解决方案也应该有效。

这正是

float

属性的作用。在该元素的规则内使用

float:right

。有关

float

属性的详细信息，请访问

右侧

元素必须浮动在其包含块的右侧

---

Float使文本环绕图像或其他元素。

是否需要它位于最后一行？