CSS: Dica rápida – Identação

Dica rápida ensinando como fazer identação de textos via css.

tag <P>

Exemplo:

<p>texto não identado</p>
<p style="text-indent:25px">texto identado</p>

tag <SPAN>

Exemplo:

<span>texto não identado</span>
<span style="padding-left:25px">texto identado</span>

Existe uma diferença entre as tags acima. A tag P é um elemento do tipo Box nível de bloco e a tag SPAN é Box inline.

Box nível de bloco: ocupa todo o espaço do layout, ou seja, toda a linha.

Box inline: ocupa o espaço do conteúdo dentro desta tag.