text - ナビゲーション ピルをテキストに揃える

Question

私がやろうとしているのは、ナビゲーション ピルを通常のテキストに合わせて、両方のテキストが同じ行に表示されるようにすることです。

現在、次のようになっています: http://i.imgur.com/87fta.png

コード（HTML）は次のとおりです。

<ul class='nav nav-pills'>
    <li class='pull-left'>
        Hello <a>World</a>
    </li>
</ul>

CSS:

.pull-left {
    float:left;
}
.nav-pills>li>a {
    padding-top:8px;
    padding-bottom:8px;
    margin-top:2px;
    margin-bottom:2px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}

両方のテキストを同じ行にするにはどうすればよいですか?

ありがとう！