Q:

ul bullets not aligning

I've been trying to use

<ul style="text-align:center">

  <li> 1794 - born in Berkeley, UK </li>
  <li> 1821 - began his training as a doctor </li>

</ul>

Unfortunately, neither bullets and text align correctly, I've tried using divs and it still doesn't work.
This is what is happening:  

This is what I want:

A:

Try this simple code snippet

ul {
  display: table;
  margin: 0 auto;
}
<ul class="list">
  <li class="list-item">1794 - born in Berkeley, UK</li>
  <li class="list-item">1821 - began his training as a doctor</li>
</ul>

