text - 将 nav-pill 与文本对齐

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

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

谢谢！