JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    test 
    <p>test 
        <a class="time" href="#">test</a>
    </p>
</div>
<div>test 
    <p>test 
        <span>test 
            <a class="time" href="#">test</a>
        </span>
    </p>
</div>

CSS

body {font-size:62.5%;/*10px*/}
div {font-size:100%;}
p {font-size:2em;}
span {font-size:62.5%;}

.time {font-size:1em;}