Почему мой h1 весь тесный?

Question

На мой веб-сайт У меня есть <H1> (первый) с заголовком, но все тесно.Я проверил CSS и не могу понять, почему все это сжато.Можете ли вы помочь мне найти виновника?

Answer 1

Это из-за этого:

style.css (строка 115)

body{
  12px/1.5em sans-serif <===
  ...
}

Answer 2

Вы устанавливаете line-height на теле, и вы удивляетесь, что высота линии испорчена? Удалите этот стиль, и все исправлено.

Answer 3

Еще один и тот же ответ, но необходимый:

Каким-то образом неустановленные высоты строки для h1..6 наследуются от родительских элементов, если родительские элементы имеют установленную высоту строки.Протестировано в Firefox 24, Chrome 30 и ie8.

Итак, вот еще одна строка для области сброса css, для сброса высот строки h1..6 и предотвращения наследования:

h1,h2,h3,h4,h5,h6 {
line-height:normal; /*otherwise line-height is inherited*/
} 

Answer 4

Ширина элемента, содержащего элемент h1, равна 50%. Это заставляет длинный курс через несколько строк. Удалите этот параметр и сократите заголовок.

Answer 5

Что мешает вашему H1, так это font: 12px/1.5em sans-serif; в вашем теле в строке style.css 115.

Answer 6

Вам нужно установить высоту строки в вашем CSS. Например

h1
{
   line-height: 30px;
}

Надеюсь, это поможет

Answer 7

Укажите line-height для ваших заголовков. Посмотрев на шрифт, попробуйте line-height: 1.1em. т.е.

h1{ line-height: 1.1em; }

Answer 8

Скорее всего, эта строка:

.entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { font-family: Arial, Helvetica, sans-serif; margin:0 0 0.5em; line-height:1.5em; }

Который находится в swatch / styles.css.

Возможно, это свойство line-height.

Answer 9

установите высоту строки в 1 (по умолчанию).line-height: 1;