html - 如何在<div>内联中制作<p>标签和<a>标签

我已经this html code
如您所见，<p>标记元素和<a>标记元素不是inline。<a>标记元素略高于<p>。
有没有一个简单的方法使他们内联。我可以通过改变CSS来完成。但我觉得它不整洁。

最佳答案

通过设置<p>和<a>标记的填充和边距，可以确保它们不会使用继承值和默认值。之后，你可以简单地让它们左右浮动。这里是css：

#inboxHeader{
   background-color:yellow;
   overflow:hidden;
}
#inboxCount p, #inboxNewMessage a{
    margin: 0px;
    padding: 0px;
}

#inboxCount{
   float: left;
}
#inboxNewMessage{
   float: right;
}

这里是fiddle

关于html - 如何在<div>内联中制作<p>标签和<a>标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22792804/