Css удалить пустое место в тегах h

Question

Есть ли способ удалить пустое место сверху тегов h?

h1 {
  border: 1px solid;
  margin: 0;
  padding: 0;
  line-height: normal;
}

<h1>Test Title yg</h1>

Answer 1

Вы должны искать:

h1 {
  border: 1px solid;
  margin: 0;
  padding: 0;
  line-height: 1.4rem;
  padding-bottom: 8px;
}

<h1>Test Title yg</h1>

Надеюсь, это то, что вы ищете!
Но это место необходимо для специальных символов HTML.
Пожалуйста, посмотрите на символы HTML здесь

Answer 2

Пространство над текстом зависит от типа шрифта и размера используемого вами шрифта.При использовании шрифта большого размера он должен показывать дополнительное пространство вверху и внизу текста.Вы можете установить для тегов margin-top из h1 значение -10px или что-то еще для этой проблемы.

Answer 3

Верхнее и нижнее пространство на самом деле происходит из семейства шрифтов, но вы можете удалить верхнее пространство, изменив значение line-height: normal; на line-height: 1.4rem;. Я надеюсь, что это сработает для вас. Спасибо

h1 {
  border: 1px solid;
  margin: 0;
  padding: 0;
  line-height: 1.4rem;
}
<h1>Test Title yg</h1>

Answer 4

Вы можете использовать line-height: calc(1em + 2px); для удаления некоторого пространства, но есть причина, по которой пространство доступно. В нижней части "g" и "y" есть место для границы. С помощью line-height: calc(1em + 2px); вы можете удалить это пространство, но не пространство над буквой «Т». Могут быть такие символы, как ÄÖÜ (на немецком языке), которым нужно немного места сверху, и символы, такие как gyq, которым нужно немного места ниже.

h1 {
  border: 1px solid;
  margin: 0;
  padding: 0;
  line-height: calc(1em + 2px);
}

<h1>Test Title yg</h1>