css align ul li horizontal
ul li{
display: inline-block;
}
center li in ul css
.list-wrapper {
text-align: -webkit-center;
}
.list-wrapper ul {
display:block;
}
Source:stackoverflow.com
center ul
dropdwon-menu {
left: 50%;
transform: translateX(-50%);
}