Check out example codes for "css ul to center". It will help you in understanding the concepts better.

Code Example 1

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

Code Example 2

<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>

Code Example 3

ul {
  justify-content: center;
  display: flex;
}

Learn ReactJs, React Native from akashmittal.com