JSFiddle - React, Tailwind, and code Playground

by janetyc

HTML

<div class="box">
    <input class="square" value="A"/>
    <div class="top">1</div>
</div>
<div class="box">
    <input class="square" value="B"/>
    <div class="top">2</div>
</div>
<div class="box"><input class="square" value="C"/></div>
<div class="box"><input class="square" value="D"/></div>
<div class="box"><input class="square" value="E"/></div>

CSS

.box {
    width: 36px;
    height: 36px;
    border: 1px #000000 solid;
}
.square{
    width: 30px;
    height: 30px;
}
.box div {
    position: relative;
    font-size: 10px;
    top: -100%;
    left: 80%;
}