如何将这两个<p>元素粘在一起？

Question

图像：

这是代码

<p class="red">
    <font color="white">404 Not Found</font>
</p>
<p class="green">
    <font color="white">Try Again</font>
</p>

我希望红色和绿色粘在一起，不要在它们之间留一个空格

Answer 1

将margin设为0

p{
  margin:0;
  padding:5px 10px;
}
.red{
    background-color:red;  
}
.green{
  background-color:green;
}

<p class="red"><font color="white">404 Not Found</font></p><p class="green"><font color="white">Try Again</font></p>

Answer 2

使用span代替p
<p><span style="background:red"><font color="white">404 Not Found</font></span><span style="background:green"><font color="white">Try Again</font></span></p>