Как выровнять по левому краю html

<p>Этот текст по умолчанию займет левое вырывание</p>
<p class="center">Пример текста с выравниваем по центру</p>
<p class="right">Пример текста с выравниваем по правому краю</p>
<p class="justify">
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине 
  Пример текста с выравниваем по ширине
</p>

.center {
  text-align: center;
}

.right {
  text-align: right;
}
 
.justify {
  text-align: justify;
}

<div>
   <span>Шрифт</span>
</div>

div {
  display: flex;
  justify-content: flex-start;
}