JSFiddle - React, Tailwind, and code Playground

by Idered

HTML

<nav>
    <ul>
        <li>Sample link 1</li>
        <li>Sample link 2</li>
        <li>Sample link 3</li>
        <li>Sample link 4</li>
        <li>Sample link 5</li>
        <li>Sample link 6</li>
        <li>Sample link 7</li>
    </ul>
</nav>

CSS

nav {
    width: 50%;
    margin: 10px;
}

nav li {
    padding: 5px 0;
    float: left;
    width: 45%;
    margin-right: 5%;
}

nav li + li + li {
    border-top: 1px solid #ccc;
}