如何将正确的字形图标右对齐并将文本对齐居中

Question

我正在研究bootstrap中的一个项目，我的问题是我想将导航栏中的文本与中心和glyphicons对齐，我尝试使用navbar-right和text align center但是它不能正确地为我工作请帮助我。

在这里切换导航徽标

    <h4 class="navbar-text">SOME TEXT HERE</h4>

    <ul class="nav navbar-nav navbar-right">
        <li><a href="#"><span class="glyphicon glyphicon-user"></span></a></li>
        <li><a href="#"><span class="glyphicon glyphicon-log-in"></span></a></li>
    </ul>
</div>

Answer 1

在glyphicons之后的li标签中，将填充css添加到50％，而文本将添加到中心