JSFiddle - React, Tailwind, and code Playground

by Blanca B

HTML

<p id="uno">Erase una vez una viuda que vivía con su hijo, Aladino. Un día, un misterioso extranjero ofreció al muchacho una moneda de plata a cambio de un pequeño favor y, como eran muy pobres, aceptó.</p>
    
<p id="dos">Erase una vez una viuda que vivía con su hijo, Aladino. Un día, un misterioso extranjero ofreció al muchacho una moneda de plata a cambio de un pequeño favor y, como eran muy pobres, aceptó.</p>
        
<p id="tres">Erase una vez una viuda que vivía con su hijo, Aladino. Un día, un misterioso extranjero ofreció al muchacho una moneda de plata a cambio de un pequeño favor y, como eran muy pobres, aceptó.</p>
            
<p id="cuatro">Erase una vez una viuda que vivía con su hijo, Aladino. Un día, un misterioso extranjero ofreció al muchacho una moneda de plata a cambio de un pequeño favor y, como eran muy pobres, aceptó.</p>

CSS

#uno {
    text-align: left;
}

#dos {
    text-align: right;
}

#tres {
    text-align: justify;
}

#cuatro {
    text-align: center;
}