css - HTML5 在段落内的同一行中具有左对齐文本和右对齐文本

Question

我想让“这是一个测试”左对齐，“[稀有照片]”右对齐，但仍位于同一行。

我是 HTML5 的新手，因此我们将不胜感激。

谢谢! :)

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


</p>

Answer 1

如果没有额外的标签，你就无法做到这一点，但你可以做的是注入(inject) <span>标记内 <p>标记，并给出每个 <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>

希望这有帮助! :)