Índice

Alineación del texto

Esta propiedad permite realizar una alineación, como en el más básico de los procesadores de texto.

text-align:

left;: texto alineado a la izquierda (valor por defecto).

right;: texto alineado a la derecha.

center;: texto centrado.

justify;: texto justificado.

auto;: alineación por defecto.

La justificación del texto, que proporciona a cada línea de texto la misma anchura, provoca en ocasiones efectos inesperados en pantalla, incluso decepcionantes. Las opiniones difieren en lo que a legibilidad respecta.

Ejemplo

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
   <style type="text/css"> 
   p { text-align: justify;} 
   </style> 
</head> 
<body> 
<p> 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non 
risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing 
nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas 
ligula massa,... 
</p> 
</body> 
</html>
images/CAP14IMG10.png