CSS：每行屏幕两侧的文字？

Question

我有一些HTML代码，有点像这样。

<p style="text-align:left;">Hello, Sir.</p>
<p style="text-align:right;">How are you today?</p>

我希望这些线条在同一条线上。这在CSS中是否可行？

Answer 1

类似

<div style="width:content_width">
    <p style="float:left;">Hello, Sir.</p> 
    <p style="float:right;">How are you today?</p>
</div>

Answer 2

看看这是一个更好的方法http://jsfiddle.net/KWxhg/

Answer 3

Demo

p {display:inline;}
p+p{float:right;}