JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>foo1</li>
    <li>foo2</li>
    <li>foo3</li>
    <li>foo4</li>
    <li>foo5</li>
    <li>foo6</li>
</ul>

CSS

li { display:inline; }
li:nth-child(3):after { content:"\A"; white-space:pre; }