JSFiddle - React, Tailwind, and code Playground

by Johan Muller

HTML

<div class="parent">
    <a class="right" href="/">
        Link 1
    </a>
    <a class="left" href="/">
        Link 2
    </a>
    <i>|</i>
</div>

CSS

.parent {
    overflow: hidden;
}

.left {
    float: left;
}

.right {
    float: right;
}

i {
    display: block;
    overflow: hidden;
    text-align: center;
}