html如何让div里的li在div水平线的位置上

如题。
代码如下


```css
<style>
#footer
{
    background: yellow;
    position: absolute; 
    width: 100%; 
    left: 0;  
    top: 1355px;    
    height: 50px;  
    display: inline;  
    align-items: center;  
    box-shadow: 0 0 25px 0 black;
}
#footer li
{
     margin: 20px;
     float: left;
     position:relative;
     font-style

}
</style>
<body>
<div id="footer">
        <nav>
            <ul>
                <li>联系我们</li>
                <li>隐私政策</li>
                <li>投稿流程</li>
            </ul>
        </nav>
    </div>
</body>
截图如下。

![img](https://img-mid.csdnimg.cn/release/static/image/mid/ask/625000085356178.png "#left")

可以给ul定宽,左右外边距为自动,前提是块盒