Nos permite alinear los textos dentro de elementos de bloque de las siguientes formas:
- Izquierda (left).
- Centrado (center).
- Derecha (right).
- Justificado (justify), es decir, centrado a derecha e izquierda.
Podemos utilizar el valor de «text-align: center» para reemplazar al tag CENTER que ahora es DEPRECATED:
Ejemplo 3. Alineación
<html>
<head>
<title>Propiedades del texto</title>
<style>
h1 { text-align: left; }
h2 { text-align: right; }
h3 { text-align: center; }
</style>
</head>
<body>
<h1>Alineación izquierda</h1>
<h2>Alineación derecha</h2>
<h3>Alineación centrada</h3>
</body>
</html>
Publicado el 20 Feb, 2011