Índice

Los párrafos HTML:Párrafos

Esta es una lista de las declaraciones que se pueden utilizar:

1. Sangría de una línea: text-indent PROPIEDADES CSS:text-indent

Es posible definir como valor:

  • Una unidad de anchura: la sangría tendrá una anchura fija.

  • Una unidad de porcentaje: la sangría corresponderá a un porcentaje en relación con la anchura del bloque.

Este es un ejemplo de declaración en el encabezado de la página HTML:

<style type="text/css"> 
.indent 
{ text-indent: 40px ; } 
.indent-porcentage 
{ text-indent: 10% ; }

Y la línea correspondiente en el cuerpo de la página:

<p class="indent-porcentage">El texto con sangría</p>

Podemos aplicar este tipo de formato a todos los párrafos de una página. Basta con utilizar text-indent con el selector «body,p».

La declaración del encabezado será la siguiente:

<style type="text/css"> 
body 
{ 
font-family: verdana ;  
text-indent: 40px ; 
} 
</style>

2. Alineación horizontal del texto: text-align PROPIEDADES CSS:text-align

Este es un ejemplo de código:

<style type="text/css"> 
.left {text-align: left ; } 
.right {text-align: right ; } 
.center{text-align: center ; } 
.justify {text-align: justify ;} 
</style>

En orden: izquierda, derecha, centrado y justificado.

3. Alineación vertical del texto: vertical-align PROPIEDADES CSS:vertical-align ...