center li in ul css

1ul {
2  justify-content: center;
3  display: flex;
4}

1dropdwon-menu {
2	left: 50%;
3	transform: translateX(-50%);
4}

1.list-wrapper {
2   text-align: -webkit-center;
3}
4.list-wrapper ul {
5    display:block;
6}   
7

1<ul class="text-center" style="list-style-position: inside">
2    <li>Born</li>
3</ul>
4

1<div id="menu-centered">
2     <ul>
3          <li><a href="">My first item</a></li>
4          <li><a href="">My second item</a></li>
5          <li><a href="">My third item</a></li>
6          <li><a href="">My fourth item</a></li>
7          <li><a href="">My fifth item</a></li>
8     </ul>
9</div>