CSS - altura da linha

Descrição

A propriedade line-height modifica a altura das caixas embutidas que constituem uma linha de texto.

Valores possíveis

normal - Direciona o navegador para definir a altura das linhas no elemento para uma distância "razoável".
number - A altura real das linhas no elemento é este valor multiplicado pelo tamanho da fonte do elemento.
length - A altura das linhas no elemento é o valor fornecido.
percentage - A altura das linhas no elemento é calculada como uma porcentagem do tamanho da fonte do elemento.

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.lineHeight = "15px;"

Exemplo

A seguir está o exemplo -

<html>
   <head>
   </head>

   <body>
      <p style = "line-height:180%">
         This text is having bigger line height. Line 1
         This text is having bigger line height. Line 2
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page