Question

Css问题：同一行中一部分文件居左另一部分居右

<div>
<strong>左侧文字</strong> <span style="float:right;"><a href="#">右侧文字>></a></span>
</div>

大家好，如上述CSS代码所示，我让两段文件分别居左与居右，但是测试时发，右侧文字虽然居右了，但却不在同一行。我该怎样做？

Answer 1

给左侧strong和右侧a分别设置合适的宽度，你没设置的话，他们默认宽度会和整个父级div一样，两个很长的东西，父级就装不下他们，只能换行了。

下面div总宽1000px，里面两个左右浮动的p，宽度分别为500px，div刚好能容下他们，你试试把任意一个p宽度改为501px，多1px，马上挤下去变两行。
<div style="width:1000px;">
<p style="width:500px;float:left;">Left txt</p>
<p style="width:500px;float:right;">Right txt</p>
</div>

Answer 2

你要两个元素都浮动才行，然后清浮动