Вопрос от новичка в верстке!

Question

этот промежуток (отмечен красными стрелками) можно как-то убрать?

Answer 1

Для решения этой проблемы нужно воспользоваться свойством line-height. Оно задаёт высоту строк, в которых располагается текст.

<div class="example">
  NEW ARRIVALS
</div>

.example {
  font-size: 40px; /* Высота шрифта */
  line-height: 42px; /* Высота строк */
  padding: 0px;
  background: yellowgreen;
}

Результат:

Однако если сделать line-height = font-size, то промежутки всё равно останутся.

Согласно htmlbook, на самом деле

размер шрифта определяется как высота от базовой линии до верхней границы кегельной площадки,

поэтому, чтобы убрать интервалы, надо записать line-height меньше, чем font-size:

.example {
  font-size: 40px;
  line-height: 28px;
  padding: 0px;
  background: yellowgreen;
}

Результат: