H I O X INDIA
CSS Tutorial
 INICIO ||  Scripts  ||  Tutorials  ||  Images  english  Français  中文  Deutsch 

Temas de CSS
Introducción
Tipos de estilo
Propiedades de fondo
Propiedades de texto
Propiedades de fuente
CAJA Propiedades
Frontera Propiedades
Margen de Propiedades
Propiedades Acolchado
Temas Especiales
Pida su Dudas
Reacción



CSS Alineación de Texto


Tema

Cómo alinear el texto a la derecha en html usando css?
Cómo posicionar el texto?




Explicación


Propiedad: Alineación de texto

Uso:
text-align: center;
text-align: left;
text-align: right;
text-align: justify;

Definición:
Esto alineará el texto dentro del área del objeto.
Toma los valores siguientes.
a)center : Este valor alinea el texto en el centro.
b)left : Este valor alinea el texto a la izquierda.
c)right : Este valor alinea el texto a la derecha.
d)justify : Esto justifica el texto con el valor por defecto.

Ejemplo 1:
<div style="text-align: center;">probando alineación del texto</div>

Resultado:
probando alineación del texto

Ejemplo 2:
<div style="text-align: left;">probando alineación del texto</div>

Resultado:

probando alineación del texto



Ejemplo 3:
<div style="text-align: right;">probando alineación del texto</div>

Resultado:
probando alineación del texto



Ejemplo 4:
<div style="text-align: justify;">probando alineación del texto</div>

Resultado:
probando alineación del texto









Una nota
CSS - Cascading Style Sheets se puede utilizar junto con etiquetas html, como se explica en este sitio. Esta sencilla CSS le ayudará a crear mucho más elegante y aseado páginas html. Esto no necesita ningún software adicional o códigos. Todos navegador web son capaces de entregar los códigos CSS.

Nota 2: Si es necesario se puede utilizar en lugar de
etiquetas. div etiqueta de inicio y final en líneas nuevas. span no podrán exceder de la etiqueta de zona.


privacy policy     license    
© 2004-2005 HIOX INDIA - hioxindia.com