Center an Unordered List
I’ve always thought centering LI elements was impossible. Here’s an basic example of how to do it:
#footer-menu { text-align:center; list-style-type:none; margin: 0; padding: 0; } #footer-menu li { display:inline; padding: 0 10px; }
<ul>
<li><a href="#">Page 1</a></li>
<li><a href="#">Page 2</a></li>
<li><a href="#">Page 3</a></li>
<li><a href="#">Page 4</a></li>
<li><a href="#">Page 5</a></li>
</ul>
