JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
    <li><a href="#"><span>TEST 1</span></a>
    </li>
</ul>

CSS

ul li {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 5px;
    border: 1px solid black;
}
ul li a {
    display: block;
    height: 100%;
    position: relative;
}
ul li a span {
    position: absolute;
    bottom: 10px;
    right: 10px;
}