显示内联两个p标签

Question

我想在同一行显示两个p标签，一个左边和一个右边，如下所示：

<p >This is a paragraph.</p>
<p style="text-align : right">This is a paragraph.</p>

在CSS中，我在下面做：

p {display: inline-block;}

但这并没有给我所需的输出。相反，它将两个句子一起显示如下：

  

这是一个段落。这是一个段落。

Answer 1

在第一个p上使用float：left，在第二个p上使用float：right。

HTML

<div>
   <p class="pull-left">Text in left paragraph</p>
   <p class="pull-right">Text in right paragraph</p>
</div>

CSS

.pull-left {float:left;}
.pull-right {float:right;}

JSFiddle

Answer 2

你为什么要那样做？ <p>代表＆＃34;段落＃34;。如果您想在同一行中使用其中两个，则应使用其他标记，例如<span>。