Как выравнять по центру?

<div>
<ul>
  <li>Первый.</li>
  <li>Далеко-далеко за словесными горами.</li>
  <li>В стране гласных и согласных живут рыбные тексты.</li>
</ul>
</div>

div { 
  display: flex;
  flex-direction: column;
  align-content: center;
  background-color: #eee; 
}
li { 
  text-align: left;
}