JSFiddle - React, Tailwind, and code Playground

by CntChen

HTML

<div class="textcontain">
    <a>F</a>
    <a class="a1">F</a>
    <a class="a2">F</a>
    <a class="a3">F</a>
    <a class="a4">F</a>
</div>

CSS

.textcontain{
    height: 1px;
    background-color:#ff0;
}

a{
       font-size:60px;  
}

.a1{
    vertical-align:top;
}

.a2{
    vertical-align:middle;
}

.a3{
    vertical-align:baseline;
}

.a4{
 
    vertical-align:bottom;
}