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%);
}<!-- With bootstrap -->
<div class="d-flex justify-content-center">
<ul>
...
</ul>
</div><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>