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>