Alinhe os dois elementos <p> na mesma linha
Isto é oDemo.
Eu quero alinhar os dois<p>
elemento na mesma linha, mas você pode ver o segundo descer um pouco. Alguém sabe o motivo?
HTML
<div class="logo">
<p>Hello world</p>
<p class="web_address">Hello all</p>
</div>
CSS
.logo p {
margin:0;
padding:0;
border: solid 1px black;
margin-left: 20px;
font-size: 36px;
display: inline-block;
line-height: 80px;
}