Alineaciones en HTML5

En esta segunda ficha, hemos practicado con las alineaciones. Vemos que si decidimos alinear el encabezado al centro, nos aparece dentro de la etiqueta h2 <h2 style="text-align: center;">, es decir, un atributo style que permite alinear el texto (text align), en este caso al centro. Ese atributo cambiará en función de que alineemos a la izquierda (left), a la derecha (right) o justificado (justify).

Si decidimos copiar esa etiqueta en la pestaña HTML, lo que ocurre es que no se produce ningún cambio, salvo que intercalemos algo en esa etiqueta (ver ejemplo 2).

Ejemplo 1

Encabezado

Ejemplo 2

Encabezado

En este segundo ejemplo, hemos intercalado la palabra Encabezado entre las etiquetas h2 que contienen el atributo de alineación y así sí que se produce el cambio:

<h2 style="text-align: center;">

Encabezado

</h2>