Простая такая задача, очень актуальная в условиях адаптивной верстки. Как выровнять список по центру, так чтобы при сужении окна браузера он никуда не съезжал?

А вот так:

HTML

<div id="menu-centered">
<ul>
<li><a>My first item</a></li>
<li><a>My second item</a></li>
<li><a>My third item</a></li>
<li><a>My fourth item</a></li>
<li><a>My fifth item</a></li>
</ul>
</div>

 CSS

<style type="text/css" media="screen">
 
#menu-centered ul {
text-align: center;
}
#menu-centered li {
display: inline-block;
list-style: none;
padding: 12x;
}
 
</style>