JSFiddle - React, Tailwind, and code Playground

by hedgehog

HTML

<ul>
    <li>first<br />one</li>
    <li><a href="#">second</a></li>
    <li>third</li>
    <li>fourth</li>
</ul>

CSS

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 100px;
}

li {border: solid 1px black;

    
    position: relative;
    height: 50px;
    vertical-align: middle;
}

a {display: inline-block;margin-top: 50%;}