Оно напрямую влияет на читаемость и визуальный баланс текста

<div class="text">
  Это пример текста<br>
  с увеличенным межстрочным интервалом.
</div>

<style>
  .text {
    width: 250px;
    line-height: 1.8;
    font-size: 16px;
  }
</style>

• normal — стандартное поведение (обычно 1.2)
• число — множитель от размера шрифта (рекомендуется)
• px, em, % — фиксированная высота

Если подходящего элемента нет — возвращает -1.

const users = [
  { name: "Анна", age: 22 },
  { name: "Борис", age: 30 },
  { name: "Вера", age: 25 }
];

const index = users.findIndex(u => u.age > 25);
console.log(index); // 1

Полезно для обновления, удаления или проверки существования элемента по условию

Это влияет не только на читаемость, но и на вертикальный ритм всего интерфейса

<p class="text">
  Это пример текста с увеличенным межстрочным интервалом.
</p>

<style>
  .text {
    font-size: 16px;
    line-height: 1.8;
  }
</style>

line-height — одно из ключевых свойств для визуального баланса текста в вебе