JSFiddle - React, Tailwind, and code Playground

by aasthatuteja

HTML

<a class="aTag1" style="height:500px"> a link </a>
<a class="aTag2"> a link </a>
<a class="aTag3"> a link </a>

CSS

.aTag1 { 
    width: 100px;
    background-color: red;
	display:inline-block;
    height:200px;
    vertical-align:top;
}

.aTag2 { 
    width: 100px;
    background-color: red;
	display:inline-block;
    height:100px;/*UPDATED*/
    vertical-align:top;
    padding-top:100px;/*UPDATED*/
    
}
.aTag3 { 
    width: 100px;
    background-color: red;
	display:inline-block;
    height:200px;
    line-height:200px;/*UPDATED*/
   
}