how to align list to the centre in css

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

1/* Either center the list directly or center the parent element */
2
3ul {
4 text-align: center;
5}
6
7/* OR */
8
9div .list {
10 text-align: center;
11}
12

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>