JSFiddle - React, Tailwind, and code Playground

by bnickel

HTML

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<ul>
    <li><a id="a" href="javascript://">A</a></li>
    <li><a id="b" href="javascript://">B</a></li>
    <li><a id="c" href="javascript://">C</a></li>
    <li><a id="d" href="javascript://">D</a></li>
</ul>

CSS

a {
line-height: 40px;
font-size: 10pt;
border-left: 16px solid #002561;
padding-left: 9px;
    display: block;
color: #002561;
text-transform: uppercase;
    position: relative;
}

#b, #d {
    width: 100%;
}

#c, #d {
    height: 40px;
}