<template>
    <p class="_xs:text:center">This text is centered on extra-small screens.</p>

    <p class="_sm:text:center">This text is centered on small screens.</p>

    <p class="_md:text:center">This text is centered on medium screens.</p>

    <p class="_lg:text:center">This text is centered on large screens.</p>

    <p class="_xl:text:center">This text is centered on extra-large screens.</p>
</template>
