JSFiddle - React, Tailwind, and code Playground

by zicai

HTML

<div class="wrapper">
    <span class="inline item"></span>hahhah
</div>
<div class="wrapper">
    <div class="block item"></div>hahhah
</div>
<div class="wrapper">
    <div class="inline-block item"></div>hahhah
</div>

CSS

.wrapper{
    background-color:red;
    margin-top: 20px;
    height: 50px;
}
.item{
    vertical-align:text-bottom;
    background-color:yellow;
    width: 4px;
    height: 4px;
}

.inline-block{ 
    display:inline-block;
}