html - 如何使无序列表保持在屏幕中心？

Question

我在一个 div 中有以下无序列表:

<div id="footer">
    <ul>
        <li>Blog</li>
        <li>|</li> 
        <li>About Us</li> 
        <li>|</li> 
        <li>Privacy Policy</li> 
        <li>|</li> 
        <li>Copyright</li> 
        <li>|</li> 
        <li>Contact Us</li> 
        <li>|</li> 
        <li>Press Inquiries</li>
    </ul>
</div>

无论窗口的宽度如何，我都希望此页脚文本保持在屏幕中央。我将如何使用 CSS 执行此操作？

Answer 1

#footer{
   text-align:center; 
}