页面内部的固定水平导航栏无法居中，该如何解决？

无论是margin: 0 auto;还是text-agiln: center;都无法居中，目前使用margin属性进行限制，应该如何修改代码，使导航栏居中？
HTML:

<div>
        <ul
            style="list-style-type:none;padding:0px;margin:15px 494.14px 0px 494.14px;background-color:#ffffff;position:fixed;border-radius:15px 15px 15px 15px;background-color:rgba(255,255,255,0.75);">
            <li style="display:inline-block;text-agiln:center;padding:10px 15px 10px 20px;vertical-align:middle;">
                <a href="" style="color:#333333;text-decoration:none;">
                    <strong class="list">Function</strong>
                </a>
            </li>
            <li style="display:inline-block;text-align:center;padding:5px 5px 5px 5px;vertical-align:middle;">
                <p style="color:#ffffff">
                    <strong>|</strong>
                </p>
            </li>
            <li style="display:inline-block;text-align:center;padding:10px 10px 10px 15px;vertical-align:middle;">
                <a href="#" style="color:#333333;text-decoration:none;">
                    <strong class="list">起始</strong>
                </a>
            </li>
            <li style="display:inline-block;text-align:center;padding:10px 10px 10px 10px;vertical-align:middle;">
                <a href="#1" style="color:#333333;text-decoration:none;">
                    <strong class="list">简介</strong>
                </a>
            </li>
            <li style="display:inline-block;text-align:center;padding:10px 10px 10px 10px;vertical-align:middle;">
                <a href="#2" style="color:#333333;text-decoration:none;">
                    <strong class="list">博客</strong>
                </a>
            </li>
            <li style="display:inline-block;text-align:center;padding:10px 20px 10px 10px;vertical-align:middle;">
                <a href="#3" style="color:#333333;text-decoration:none;">
                    <strong class="list">更多</strong>
                </a>
            </li>
        </ul>
    </div>

ul的margin:15px 494.14px 0px 494.14px;去掉
position:fixed;去掉
div改成<div style="text-align: center;">就可以了
另外第一个li的text-agiln拼错了
如有帮助，请采纳

fixed用left:50%;margin-left:-600px 这里的600是ul宽度的一半，你自己替换