将nav-pill与文本对齐

Question

我要做的是将nav-pill与常规文本对齐，以使两者中的文本在同一行。

目前，它看起来像这样：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;
}

如何使两者中的文本在同一行？

谢谢！