[分享]css两个p不在同一行显示

如果我们在HTML里面写了两个标签， 默认情况下它们会在同一行显示。但是，有时候我们希望这两个标签在不同的行上显示，那么该怎么做呢？第一个段落 第二个段落 以上代码会在页面上显示为： 第一个段落第二个...

如果我们在HTML里面写了两个<p>标签， 默认情况下它们会在同一行显示。但是，有时候我们希望这两个<p>标签在不同的行上显示，那么该怎么做呢？

<p>第一个段落</p>
<p>第二个段落</p> 

以上代码会在页面上显示为：

第一个段落第二个段落

我们可以使用CSS代码来实现这个效果。我们可以在CSS里面使用“display: block;”来让这两个方块不在同一行显示。

p {
  display: block;
} 

现在我们再来看一下这个代码：

<p>第一个段落</p>
<p>第二个段落</p> 

现在它们会在不同的行上显示了！

总的来说，我们可以使用CSS的“display: block;”属性来实现让两个<p>标签不在同一行显示。