Alinear texto al centro con CSS

30/mar/2007 CSS , Deja un comentario
css

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

Ningún video coincide

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

*


*