Выравнивание текста в блоке по центру
margin: auto работает только тогда, когда задана ширина для элемента. В данном случаи ширина тега h4 равна 100% от ширины родителя и margin не может его отцентровать!
17 мар 2016 в 19:43
@IgorTkachuk спасибо!
17 мар 2016 в 19:59
4 ответа 4
Сортировка: Сброс на вариант по умолчанию
margin: auto; — выравнивает блок за счёт добавление отступов по краям, но так-как ваш блок на всю ширину, то отступы не добавляются, им просто не где быть. 
Видно что блок во всю ширину и отступов нету.
Вариант 1
Всё таки выравнивать блок h1 , задать ему не полную ширину. 
Ширина 75px и видны отступы и блок по центру, но не текст.
Вариант 2
Выравнивать сам текст внутри h1 : text-align: center — выравнивает текст в блоке h1 , а не сам блок. 
Блок во всю ширину, но текст по центру.
Отслеживать
ответ дан 18 мар 2016 в 13:00
1,923 1 1 золотой знак 18 18 серебряных знаков 36 36 бронзовых знаков
margin: auto; не работает потому что элемент h4 занимает всю ширину блока .block и ей как-бы негде ставить отступ.
Если попробуйте задавать элементу h4 например width:60px; то он выравнивается по центру блока .block .
Отслеживать
ответ дан 18 мар 2016 в 12:08
Shuhratjon Jumaev Shuhratjon Jumaev
702 1 1 золотой знак 6 6 серебряных знаков 23 23 бронзовых знака
Напиши : text-align:center; в .block