Alinear texto al centro con CSS

30/Mar/2007 CSS , Deja un comentario

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.

Vídeos sobre CSS


Difunde el Conocimiento

Si te ha gustado el artículo o te ha sido de utilidad, no dejes de compartirlo con tus amigos en las redes sociales... Te estaremos muy agradecidos. :-D

¿Algo que nos quieras comentar?

Déjanos tu comentario, no te preocupes que tu email no será publicado

*


*