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

【问题标题】：HTML5 Have left aligned text and right aligned text in same line within paragraphHTML5在段落内的同一行中有左对齐文本和右对齐文本
【发布时间】：2017-08-22 04:30:43
【问题描述】：

我想让“This is a test”左对齐和“[Rare photo]”右对齐，但仍然在同一行。

我是 HTML5 的新手，希望能提供简单的解释。

谢谢！ :)

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


</p>

【问题讨论】：

标签： css html text alignment

【解决方案1】：

如果没有额外的标签，你不能这样做，但你可以做的是注入一个标签在一个标签，并给每个一个相应的@987654327 @和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>

希望这会有所帮助！ :)

【讨论】：

我正在尝试做同样的事情，span 标记中的文本不右对齐。
@filtfilt -- 确保父元素具有display: block（这是 标签的默认值）。 flex、grid、inline-block 和 table 等显示都不适用于 float。还要确保您的样式不会被具有更大specificity 的其他样式覆盖:)
基本上我有： some text, some other text some text etc 。所以我确实有一个带有块显示的父级，但浮动右侧并没有做太多。
@filtfilt -- 如果这是您拥有的唯一代码，那么您的 将确实浮动到右侧。您的其他一些代码正在干扰。考虑到您有一个不同（尽管相似）的问题，您确实应该为此ask a new question，确保您在minimal, complete, and verifiable example 中提供所有相关代码。如果有帮助，请随时在新问题中链接到这个问题:)
嗯，它在 <div class="class1"> where class1` 中有 padding: 0px 40px 0px 40px; 和 line-height: 110%; 集。主体设置了font-weight: 200;、font-size:14px; 和font-family，但这不应该干扰浮动。