Задать вопрос
UnluckySerivelha
@UnluckySerivelha

Центрировать блок по центру, не задавая ширины?

Как можно центрировать блок .top-menu по центру родительского блока без задания ширины или так, чтобы ширина была равна содержимому? Почему без указания ширины он занимает всю ширину родителя?
https://codepen.io/UnluckySerivelha/pen/ZvYpeP
  • Вопрос задан
  • 138 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
JaredWinter
@JaredWinter
Помог? - Отметь решением.
.nav-inner {
   text-align: center;
}

.top-menu {
   display: inline-block;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@RomanPS
Начинающий верстальщик
Почему без указания ширины он занимает всю ширину родителя?

Потому что div - блочный элемент.

.top-menu {
    margin: 0 auto;
    text-align: center;
}
Ответ написан
Комментировать
alexandrknyazev13071995
@alexandrknyazev13071995
Очень классно с этим справляется display:flex
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы