html - 居中对齐导航栏内的文本

Question

我有以下 HTML，我正在尝试将 ul li 中的 span 标记居中对齐。

<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img src="../">
            </a>

            <ul class="nav navbar-nav">
                <li>
                    <span>Need to Center align</span>
                </li>
            </ul>
        </div>
    </div>
</nav>

Answer 1

<li class=“text-center”><span>...centered text</span></li>