BshadeUI

Text Align

`.text-`	`text-align: ;`
`.text-`	`text-align: ;`
`.text-`	`text-align: ;`
`.text-`	`text-align: ;`

Text align berfungsi untuk mengatur keselarasan teks secara horizontal (x). Berikut ini adalah contoh penerapan class text align.

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate quis nisi magni expedita molestiae reprehenderit eos nulla ipsa qui praesentium repudiandae fugiat vero saepe aspernatur labore, exercitationem quos, sit quae architecto dolores enim reiciendis quia. Recusandae, ratione! Suscipit, hic quas, aliquam, sequi voluptas adipisci beatae iusto asperiores nobis dolorem error.

<p class="text-center mb-2">
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate quis nisi magni expedita molestiae reprehenderit eos
    nulla ipsa qui praesentium repudiandae fugiat vero saepe aspernatur labore, exercitationem quos, sit quae architecto
    dolores enim reiciendis quia. Recusandae, ratione! Suscipit, hic quas, aliquam, sequi voluptas adipisci beatae iusto
    asperiores nobis dolorem error.
</p>
<p class="text-left mb-2">
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate quis nisi magni expedita molestiae reprehenderit eos
    nulla ipsa qui praesentium repudiandae fugiat vero saepe aspernatur labore, exercitationem quos, sit quae architecto
    dolores enim reiciendis quia. Recusandae, ratione! Suscipit, hic quas, aliquam, sequi voluptas adipisci beatae iusto
    asperiores nobis dolorem error.
</p>
<p class="text-right mb-2">
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate quis nisi magni expedita molestiae reprehenderit eos
    nulla ipsa qui praesentium repudiandae fugiat vero saepe aspernatur labore, exercitationem quos, sit quae architecto
    dolores enim reiciendis quia. Recusandae, ratione! Suscipit, hic quas, aliquam, sequi voluptas adipisci beatae iusto
    asperiores nobis dolorem error.
</p>
<p class="text-justify">
    Lorem ipsum dolor, sit amet consectetur adipisicing elit. Voluptate quis nisi magni expedita molestiae reprehenderit eos
    nulla ipsa qui praesentium repudiandae fugiat vero saepe aspernatur labore, exercitationem quos, sit quae architecto
    dolores enim reiciendis quia. Recusandae, ratione! Suscipit, hic quas, aliquam, sequi voluptas adipisci beatae iusto
    asperiores nobis dolorem error.
</p>

Sangat mudah bukan?

BshadeUI

|2021 Made with by bellshade.org