Controle o espaço vertical entre as linhas de texto em um parágrafo em sua página da Web para refinar sua apresentação visual. Se você precisar de um pouco de espaço extra preenchido com texto ou precisar espremer um pouco de texto extra em um determinado espaço, poderá usar tags HTML e CSS para alterar o espaçamento entre linhas. Com algumas linhas de código, você pode ajustar a altura do espaçamento entre linhas ou "altura da linha" em sua página da Web.
HTML estrito
Para criar um espaçamento entre linhas que pareça correto ou que ajude a fazer com que uma seção de texto se encaixe perfeitamente na área de texto de um site, use HTML estrito. Use a tag "font" para criar um código como este:
O "150%" é a parte que aumenta o espaçamento entre as linhas do texto. Substitua outros valores para aumentar ou diminuir o espaçamento.
Tag de extensão
Use as tags span para aplicar a alteração da altura da linha ao texto inserido entre a abertura e o fechamento da tag. A codificação é semelhante:
O texto vai aqui...
Use um número de pixels para definir o tamanho da fonte em vez dos tamanhos relativos grande, médio ou pequeno. O uso de medidas precisas para o tamanho da fonte oferece melhor controle do texto e permite que o espaçamento entre linhas funcione melhor.
Alternativas CSS
O espaçamento entre linhas também pode ser definido usando uma folha de estilo em cascata (CSS). O CSS controla qualquer elemento ao qual você decida aplicá-lo, seja um ID de intervalo definido para uma única seção de texto na página ou uma classe inteira de itens comumente usados. Por exemplo, se você estiver trabalhando com um site de blog, poderá criar uma classe para entradas de blog e definir a altura da linha da folha de estilo para a classe em 135%. Cada entrada de blog teria a mesma altura de linha. O código para definir "altura da linha" em CSS é:
{altura da linha:150%;}
Controle de espaçamento entre linhas WYSIWYG
Muitos desses problemas de codificação podem ser contornados usando um editor Web WYSIWYG ou criando sites com software online como WordPress e Joomla, ou ferramentas gratuitas de criação de sites como Weebly, Wix e Moonfruit. Todas essas ferramentas fornecem editores de texto que eliminam as suposições e os problemas. Um simples clique de um botão do mouse e o espaçamento entre linhas aumenta exatamente como se você estivesse escrevendo um documento em seu processador de texto favorito.
A maioria dos editores da Web, não importa o quão WYSIWYG seja sua interface, são muito mais fáceis de usar se você souber codificar, mesmo se descobrir que codifica muito menos do que costumava.
