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.
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 tienes cualquier consulta, puedes dejarnos un comentario para ayudarte.
