li水平排列居中显示

    <div class="xlk-nav">
        <ul>
            <li>菜单11</li>
            <li>菜单22</li>
            <li>菜单33</li>
            <li>菜单44</li>
            <li>菜单55</li>
            <li>菜单66</li>
        </ul>
    </div>

css:

* {
    margin: 0px;
    padding: 0px;
}

.xlk-nav {
    margin-top: 10px;
    background: #D9EBF5;
    text-align: center;
}

    .xlk-nav ul {
        padding: 14px 0;
    }

        .xlk-nav ul li {
            display: inline;
            background-color:red;
        }