Como tabular um texto em HTML

Passo 1

Abra seu arquivo HTMLA no editor de texto e adicione o seguinte código CSS na seção "header" do seu HTML:

A primeira regra de estilo define uma classe de "espaço" com um relativo "padding" à esquerda de 1.3. A segunda regra define outro tipo de "espaço" (preenchimento) com o dobro do "preenchimento". Salve o arquivo como "taba.html".

Passo 2

Em seu conteúdo, solicite a tabulação desejada antes do conteúdo. Por exemplo:

Houve um leitor atento de eHow
Quem queria saber como tabular;
A resposta foi muito simples,
Quando as folhas de estilo faziam layouts simplesmente fabulosos!

A segunda e a quarta linhas começam com elementos "espaço" vazios com tamanhos de guias virtuais definidos pelos valores de "preenchimento" nas suas regras CSS. Salve o arquivo novamente.

Passo 3

Teste sua página da web. Abra seu navegador e carregue "tabs.html". Você deve poder ver dois tamanhos de "tabulador" diferentes na segunda e quarta linhas do poema. Se não estiver, verifique se copiou os códigos de exemplo corretamente.

Passo 4

Continue adicionando as guias TO onde você quiser, usando elementos de espaço com atributos e valores de classe para definir cada tipo de guia. Ajuste os valores de preenchimento CSS para adaptá-lo ao seu próprio design. Crie mais regras de estilo para quantos tamanhos de guia você precisa.