¿Cómo poner texto justificado en HTML con CSS?

En este tutorial básico de HTML, vamos a aprender cómo poner texto justificado usando CSS. De esta forma, podrás tener párrafos o cualquier elemento de texto justificado. Así que sigue leyendo para seguir los pasos.

¿Cómo poner texto justificado en HTML con CSS?

Texto justificado en HTML con CSS

Para poder justificar el texto en HTML, debemos usar CSS. Para ello, usaremos la propiedad text-align, la cual puede usar los valores: justify (justificado), left (izquierda), right (derecha), y center (centrado).

Para aplicar CSS, te recomiendo agregarle una clase al texto que desees justificar. En este caso, hemos agregado la clase llamada “texto-justificado”, como se ve a continuación:

<p class="texto-justificado">Este es un párrafo que deseo que sea justificado.</p>

Para justificar ese párrafo, usaremos el siguiente código CSS: text-align: justify, de la siguiente manera:

.texto-justificado{
text-align: justify;
}

¡Y eso es todo! Nuestro párrafo quedará totalmente justificado. Y si deseamos justificar otro párrafo, solo debemos agregarle la misma clase.

Atributo align obsoleto en HTML

Anteriormente, era posible poner texto justificado solamente usando HTML, haciendo uso del atributo align. Sin embargo, actualmente, el atributo align es obsoleto en HTML. Este atributo era antes usado para poder definir la alineación horizontal de un elemento.

Al llegar HTML 5, este fue uno de los atributos que se volvió obsoleto. Por esa razón, la mejor forma de alinear un texto es haciendo uso de CSS, como lo hemos explicado antes.

Si te sirvió, ¡compártelo!

También te interesaría...

Suscríbete a nuestra lista de correo

Agregue un comentario

Su dirección de correo no se hará público.


Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.