Оправдание контента в макете Flex не центрирует текст ⇐ CSS

[Anonymous]

У меня есть простое поле с текстом внутри (изображение доступно ниже). Я пытаюсь сосредоточить текст, используя Learyify-Content: Center, но он не работает, даже если есть место. Я знаю текстовую алюна: Центр выполнит эту работу, но я хочу понять, почему оправдание контента не ведет себя, как я ожидал. Class = "Snippet-Code">

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

.box {
background-color: aquamarine;
width: 300px;
height: 300px;
display: flex;
justify-content: center;    /* doesn't center */
/* text-align: center; */   /* this will center */
}< /code>

Hello I'm Here lets go

Подробнее здесь: https://stackoverflow.com/questions/797 ... ering-text