Alineación

Las hojas de estilo nos permiten alinear a la izquierda, derecha, centrar y justificar un texto veamos el listado.

Desglosando:

  • h1 {text-align: center}.- Titular alineado al centro.
  • h2 {text-align: left}.- Titular alineado a la izquierda.
  • h3 {text-align: right}.- Titular alineado a la derecha.
  • h4 {text-align: justify}.- Titular justificado (con éste efecto solo será visible cuando las líneas completen el ancho del navegador)

Estas reglas están embebidas dentro del archivo HTML; también podemos hacer un archivo externo CSS que llamaremos css3.css con las reglas:

Guardamos la regla CSS creada y modificamos el archivo index.html para añadir el archivo CSS que debe estar en el mismo directorio que el archivo HTML.

Observa que las reglas embebidas en el archivo HTML se han eliminado:

 

 

 

  • Escribe un párrafo muy largo por ejemplo el Lorem ipsum famoso y ensaya los distintos tipos de alineaciones, con CSS embebidas y CSS externas.