feed twitter facebook LinkedIn facebook

CSS » Alinear texto al centro con CSS

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. En este ejemplo vamos a ver como podemos alinear texto al centro con CSS.

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

En el caso de querer alinear texto al centro con CSS 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

  1. H2.center{
  2. text-align: center;
  3. }

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

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

Espero que os haya servido de ayuda este sencillo ejemplo para alinear texto al centro con CSS.

Visualizar el Codigo
Visualiza el artículo
Descargar el Codigo
Descargar el código
Foro sobre CSS
Foro sobre CSS
tags: ,

Artículos relacionados:

No Comments yet »

Suscripción RSS a los comentarios de esta entrada. TrackBack URI

Dejar un comentario

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

*