how to align list to the centre in css

dropdwon-menu {
	left: 50%;
	transform: translateX(-50%);
}<ul class="text-center" style="list-style-position: inside">
    <li>Born</li>
</ul>
<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>