feed twitter facebook LinkedIn facebook

CSS » Alineando texto al centro

marzo 30, 2007 por Víctor Cuervo Sin Comentarios Imprimir Imprimir

En las primeras versiones del HTML existía el atributo align, el cual, mediante diferentes valores nos permitía alinear el texto a la izquierda, centro o derecha. Con la llegada de las hojas de estilo CSS este atributo se convierte en obsoleto y la alineación pasa a ser controlada por atributos CSS.

El atributo CSS que nos permite alinear el texto es text-aling. Dicho atributo lo podemos aplicar a los diferentes elementos HTML que gestionen bloques: cabeceras, párrafos, capas,...

En el caso de querer alinear el texto al centro deberemos de utilizar el valor center. Así, por ejemplo, lo podemos aplicar a una cabecera. Lo primero que tendremos que hacer es definir una hoja de estilo en la cabecera de la página

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

Luego simplemente deberemos de utilizar la clase center dentro de una etiqueta H2. Para ello utilizamos el atributo class.

<h2 class="center">Cabecera centrada</h2>

Visualizar el ejemplo | Descargar el código

tags:

Artículos relacionados:

No Comments yet »

RSS feed para los comentarios de esta entrada. TrackBack URI

Deja un comentario

XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

*