<template>
    <p class="_xs:text-align:center!">Center aligned text starting from xs viewport size.</p>

    <p class="_sm:text-align:center!">Center aligned text starting from sm viewport size.</p>

    <p class="_md:text-align:center!">Center aligned text starting from md viewport size.</p>

    <p class="_lg:text-align:center!">Center aligned text starting from lg viewport size.</p>

    <p class="_xl:text-align:center!">Center aligned text starting from xl viewport size.</p>

    <p class="_2xl:text-align:center!">Center aligned text starting from 2xl viewport size.</p>
</template>
