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;
}

questionAnswers(3)

yourAnswerToTheQuestion