JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec cursus erat vitae quam convallis aliquam</li>
</ul>

CSS

ul{
 margin: 0;
    padding: 0;
}
li{
    width: 50%;
    font-size: 1.5em;
    float: left;
    list-style: none;
    padding: 1em;
    box-sizing: border-box;
    position: relative;
}
li:not(:nth-last-child(2)):not(:last-child):after{
    content: '';
    position: absolute;
    bottom: 0;
    width: 50%;
    left: 25%;
    height: 2px;
    background-color: #ccc;
}
li:nth-child(2n+1):before{
    content: '';
    position: absolute;
    right: 0;
    height: 50%;
    top: 25%;
    width: 2px;
    background-color: #ccc;
}