Почему моя компоновка CSS Flexbox не правильно выравнивает элементы? ⇐ Html

[Anonymous]

Я пытаюсь создать простой макет flexbox к центральным элементам горизонтально и вертикально внутри . Тем не менее, мой CSS не выравнивает элементы, как и ожидалось. > Я хочу center текст внутри с использованием Display: Flex .
[*] Я использовал Levify-Content: Center ; и align-items: center; , но текст все еще появляется в верхнем левом углу вместо центрированного.
Я проверил свой файл CSS и и это правильно связано. Снаски ">

Код: Выделить всё

.container {
width: 300px;
height: 150px;
background-color: lightblue;
display: flex;
justify-content: center;
align-items: center;
}< /code>

This text should be centered

Текст внутри следует центрировать как горизонтально, так и вертикально.

Подробнее здесь: https://stackoverflow.com/questions/794 ... -correctly