Center Li in Ul CSS
.list-wrapper {
text-align: -webkit-center;
}
.list-wrapper ul {
display:block;
}
Thunderhead
.list-wrapper {
text-align: -webkit-center;
}
.list-wrapper ul {
display:block;
}
dropdwon-menu {
left: 50%;
transform: translateX(-50%);
}<div id="menu-centered">
<ul>
<li><a href="">My first item</a></li>
<li><a href="">My second item</a></li>
<li><a href="">My third item</a></li>
<li><a href="">My fourth item</a></li>
<li><a href="">My fifth item</a></li>
</ul>
</div>