Почему не сдвигается текст в лево?

Question

[CAMOBAP4UK]

Доброе утро. Нужно выровнять текст влево с отступом в 64px и по вертикали по середине. вроде по вертикале выровнялся , а левый отступ не получился.

.header {
  height: 100vh;
  min-height: 600px;
  max-height: 756px;
  background-color:  #f2f2f2;
  display: flex;
  position: relative;
}
.header__tittle{
 
width: 730px;
height: auto;
z-index: 1;
margin-left: 64px;
margin-top: auto;
margin-bottom: auto;
font-weight: bold;
font-size: 102px;
line-height:96px;
text-align: center;
justify-content: left;
}

<header class="header">
   <h1 class="header__tittle">Научиться учиться</h1>
      
</header>

Answer 1

[Артем Ткачик]

Justify-content применяется только к элементам с display flex.
В твоем примере оно не работает.
Задай тексту text-align: left, если нужно по левому.
Если нужен просто отступ, то задай для текста margin-left или padding-left.
Если не получается, то задай родителю padding-left, и тогда текст слева сдвинется.
А вообще, не понятно зачем такие костыли, как у тебя в коде

Answer 2

[Типа Программист]

Нужно header помимо display:flex поставить justify-content: flex-end, если Вы элемент хотите в левом краю поставить. Нужно флексы подучить)

Answer 3

[CAMOBAP4UK]

ошибка была в text-align: center; Спасибо за ответы