JSFiddle - React, Tailwind, and code Playground

HTML

<div class="a">
    <p>A div Hello</p>
    <p class="center">
        <a class="b">B Div hello</a>
        <a class="c">C Div Hello</a>
        <a class="d">D div Hello</a>
        <a class="e">E div Hello</a>
    </p>
</div>

CSS

div.a { border: 1px solid red;} 
p.center { text-align: center; }

a.b { border: 2px solid blue; } 
a.c { border: 2px solid green; } 
a.d { border: 2px solid black; } 
a.e { border: 2px solid yellow; }