Если я указываю какой-либо текст внутри div например высотой 40px, то автоматически добавляются пиксели сверху и снизу этого текста, что увеличивает размер блока div с текстом примерно на 20% (по 10% сверху и снизу, ноне всегда). Подскажие, пожалуйста, как считается данные отступы и каким образом можно этот "Зазор" убрать, чтобы сота div была равно высоте шрифта?
Спасибо заранее!
Преполагаю, что текст был задан в теге <p>. У тега <p> автоматически идут отступы, можете это проверить в панели разработчика на вашем сайте. И если отступы есть, то достаточно будет их отменить (margin: 0;)
Не совсем. Текст не созда в теге <p>, создан как показано ниже. в обоих случаях зазор остаётся.
<div class="simple">
<h2 class="titleBig">это просто</h2>
или вот такой текст
<div class="promoText">
Ежедневно в России появляется более 5 000 новых сайтов<br>
И только единицы из них становятся популярными и приносят ощутимую прибыль. В чем секрет? В чем формула успеха? Узнайте на предстоящем двухдневном <span>БЕСПЛАТНОМ</span> интенсиве!
</div>
В случае с h2 понятно, у него по умолчанию идует отступ. А вот с просто текстом, это странно, попробовал у себя на странице и все гуд. Как вариант: задан padding у дива.
Если нет, то через панель разработчика посмотри есть ли там отступы какие-либо.
В случае с h2 понятно, у него по умолчанию идует отступ. А вот с просто текстом, это странно, попробовал у себя на странице и все гуд. Как вариант: задан padding у дива.
Если нет, то через панель разработчика посмотри есть ли там отступы какие-либо.
Спасибо за ответ.В случае с div, там отступы не критичные, но вот как расчитывается отступ в h2, чтобы на будущее иметь ввиду, что столько-то пикселей будет использовано вниутри h2?
Не за что. У заголовка первого уровня отступы сверху и снизу по 0.67em ~ 21.44px
