JSFiddle - React, Tailwind, and code Playground

HTML

<div class="one">
    <p>above me</p>
</div>
<div class="two">
    <p>i am under the text above me</p>
</div>
<div class="three">
    <p>under</p>
</div>

CSS

.one {
    width:200px;
}
.one p {
    font: normal 14px Futura, sans-serif;
    text-align:left;
    padding-left:130px;
}
.two {
    width:200px;
}
.two p {
    text-align:center;
    font: normal 14px Futura, sans-serif;
}
.three {
    width:200px
}
.three p {
    text-align:left;
    font: normal 14px Futura, sans-serif;
    padding-left:35px;
}