html中<li>右对齐的方法

        负责的系统中有一个横向的菜单栏，七八个项挨个排在一起，是一个个<li>的结构。今天想在这个菜单栏里增加一个”帮助“链接，因为功能的分类不同，所以希望这个帮助链接虽然也在菜单栏中，但希望它能靠在右边，而不是紧挨着前面的几项。可是在新增的<li>中不管怎样设置样式都不行，还是一直挨着前面几个，如下图：

想来想去，<li>再怎么变也是被限制在<ul>里面的，所以就想到了对<ul>做点手脚，于是乎，在原来的<ul>后面再加了一个<ul>，并且把这个”帮助“的<li>放在新的<ul>中，然后对这个新加的<ul>设置一下右对齐的属性，就OK了~

代码如下：

<div class="navbar-inner">
    <ul class="nav">
        <li>...</li>
		<li>...</li>
		...
    </ul>
	<ul class="nav pull-right">
		<li>
            <a href="help.html"><i class="icon-question-sign icon-white"></i> 帮助</a>
        </li>
	</ul>
</div>