domingo, 9 de septiembre de 2007

Indentado y tabulación en HTML

Mostrar indentados y tabulaciones en una página html es algo más complicado que en un fichero de texto.

En el anterior post me encontré con esta necesidad. Por si le sirve a alguien, explico cómo puede hacerse mediante style tags:

El siguiente código ...

<style>
<!-- p.Normal {margin:0cm;} -->
</style>
<p class=Normal style='text-indent:30pt'>line 1 - tab level 1 - 30pt</p>
<p class=Normal style='text-indent:60pt'>line 2 - tab level 2 - 60pt</p>
<p class=Normal style='text-indent:90pt'>line 3 - tab level 3 - 90pt</p>
<p class=Normal style='text-indent:60pt'>line 4 - tab level 2 - 60pt</p>
<p class=Normal style='text-indent:30pt'>line 5 - tab level 1 - 30pt</p>

... muestra en el navegador lo siguiente:

line 1 - tab level 1 - 30pt

line 2 - tab level 2 - 60pt

line 3 - tab level 3 - 90pt

line 4 - tab level 2 - 60pt

line 5 - tab level 1 - 30pt


Feliz indentado.

2 Comentarios:

Unknown dijo...

muy buena aportación.
Me será de gran ayuda
gracias

Pere Moltó Agut dijo...

Gracias, me alegro de que te sirva