Почему блок не по центру?

Question

[Бозон Хиггс]

Добрый день!

Почему блок "logo" с текстом не центрируется относительно блока "left-block" ?

Comments

[Ankhena]

Почему блок "logo" с текстом не центрируется относительно блока "left-block" ?

Потому что у блока left-block нет ни одного свойства, которое бы центрировало контент внутри него.
И у блока logo нет ни одного свойства, которое бы центрировало его внутри родителя.

Кстати, зачем столько оберток?
И мы вроде в предыдущем вопросе про этот логотип пришли к выводу, что это картинка
https://qna.habr.com/q/1103748

[Бозон Хиггс]

Ankhena, приходится пока использовать текст, чтобы понять цветовую гамму, заменю впоследствии! Спасибо за разъяснение, сразу все логично звучит ))

Answer 1

[Ренат Олейник]

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

Comments

[Бозон Хиггс]

спасибо, все сработало

Answer 2

[Alfieros]

.left-block{
    width: 1200px;
    background:#464748;
    display:  flex;
    justify-content: center;
}

или

.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}