Alineación de textos

Con CSS podemos elegir la alineación del texto dentro de los elementos.

Basta con modificar la propiedad text-align con 4 posibles valores: left, right, justify y center.

 

 

notepad

 

 

Hemos creado 4 reglas, cada una con un valor en la propiedad text-align. Y la aplicamos a cada elemento div.

 

 

notepad

 

 


notepad

 

 

Nota: los símbolos + y - en Notepad++ nos permiten mostrar u ocultar elementos, en este caso he ocultado 3 div para que no sea tan alta la imagen, ya que el contenido de todos es el mismo.

 

Otra propiedad interesante de los textos es text-indent, esto consiste en una sangría en la primera línea del párrafo.

Vemos el ejemplo con el primer párrafo.

 

 

notepad

 

 


notepad

 

 

Como la hemos aplicado a la etiqueta <p>, tenemos que crear un párrafo para que tenga efecto.

 

 

notepad

 

 

Y así queda nuestro párrafo con sangría.


 

Contenidos que te pueden interesar
Este sitio usa cookies para personalizar el contenido y los anuncios, ofrecer funciones de redes sociales y analizar el tráfico. Ninguna cookie será instalada a menos que se desplace exprésamente más de 400px. Leer nuestra Política de Privacidad y Política de Cookies. Las acepto | No quiero aprender cursos gratis. Sácame