如何在HTML中将内容放到本行最后

在HTML中，如果你想将文本或元素放在一行的末尾，通常可以使用`<span>`、`<p>`标签，或者直接使用CSS来控制元素的位置。以下是几种常见的方法：

1. **使用`<span>`标签**：

<p>这是前面的内容<span style="float:right;">这是末尾的内容</span></p>

这里利用了`float:right;`属性让`<span>`元素浮动到右侧。

2. **使用`<br clear="right">`**：

<p>这是前面的内容<br clear="right">这是末尾的内容</p>

`clear="right"`会清除该元素右边的所有浮动内容。

3. **使用Flexbox布局** (适用于现代浏览器)：

<div class="flex-container">
  <div>这是前面的内容</div>
  <div>这是末尾的内容</div>
</div>

<style>
.flex-container {
  display: flex;
  justify-content: space-between;
}
</style>

这会让两个元素均匀分布在容器两侧。

4. **使用CSS绝对定位**：

<div style="position:relative;">
  这是前面的内容
  <div style="position:absolute; right:0;">这是末尾的内容</div>
</div>

绝对定位让“末尾内容”元素相对于其最近的已定位祖先元素定位。