CSS - RicardoHorta.Net - www.ricardohorta.net

Altura da linha.

line-height define a altura da linha. Não confunda com tamanho da letra ( uma coisa é uma coisa, outra coisa é outra coisa ), controlada pelo atributo font-size.
A sua sintaxe é: line-height:altura da linha ( pontos, percentual, cms ).
Eu criei os 4 parágrafos abaixo com o tamanho da fonte 10 e line-height variando de 10 até 40 pontos.
Defini a cor do fundo e bordas, para você visualizar melhor o texto, centralizado verticalmente, dentro de cada linha.

Dynamic HTML é a combinação do nosso velho e conhecido HTML com CSS e JavaScript.

Dynamic HTML é a combinação do nosso velho e conhecido HTML com CSS e JavaScript.

Dynamic HTML é a combinação do nosso velho e conhecido HTML com CSS e JavaScript.

Dynamic HTML é a combinação do nosso velho e conhecido HTML com CSS e JavaScript.

Percentuais podem ser utilizados: line-height:120% significa que a altura da linha será 20% maior do que a altura da letra.
Neste exemplo, eu defini 10pt para a fonte da tag <body>:

{background-color:#FFFFCC; color:#663300; font:10pt Arial }

E defini para os parágrafos a altura da linha em 100%

P { line-height:100% }.

A altura da linha será igual ao tamanho da fonte, produzindo um resultado nada agradável.

Por que você não definiu o tamanho da fonte para <P> ?

Não precisei definir o atributo font-size, porque a tag <P> herda os atributos da tag "pai":<body>. Se tiver dúvidas a respeito de herança entre os elementos HTML, dê uma chegada em Herança e Herança - 2a. parte.
Neste outro exemplo, aumentei o valor de line-height para 140%. A altura da linha será 40% maior do que o tamanho da fonte, definido em <body>.

Cadê ele ?

Se o seu chefe anda comendo demais, engordando demais e reclamando que as linhas ainda estão emboladas, altere line-height para 180% ( o humor dele não vai melhorar, ele não vai emagrecer, mas pelo menos você lhe faz um agrado. )