如何保持无序列表在屏幕中心？ [英] How to keep an unordered list centered within the screen?

问题描述

我在div中有以下无序列表：

I have the following unordered list within a 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？

I want this footer text to stay centered in the screen no matter the width of the window. How would I do this using CSS??

推荐答案

#footer{
   text-align:center; 
}

这篇关于如何保持无序列表在屏幕中心？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！