HTML5 在段落内在同一行中左对齐文本和右对齐文本

Question

我想让"这是一个测试"左对齐，"[稀有照片]"右对齐，但仍然在同一行上。

我是HTML5的新手，所以一个简单的解释将不胜感激。

谢谢！ :)

<p style = "margin-left:75px;max-width:750px;"><br/>
        This is a test.
        [Rare photograph]

</p>

Answer 1

如果没有额外的标签，你就无法做到这一点，但你可以做的是在<p>标签中注入一个<span>标签，并为每个<span>提供各自的float: left和float: right：

<p style="margin-left: 75px; max-width: 750px;">
  <span style="float: left">This is a test.</span>
  <span style="float: right">[Rare photograph]</span>
</p>

希望这有帮助！ :)