JSFiddle - React, Tailwind, and code Playground

HTML

<h3>Spaces</h3>
<ul>
    <li>First</li>
    <li>Second</li>
    <li>Third</li>
</ul>

<h3>Single line</h3>
<ul>
    <li>First</li><li>Second</li><li>Third</li>
</ul>

<h3>Comments</h3>
<ul><!--
    --><li>First</li><!--
    --><li>Second</li><!--
    --><li>Third</li><!--
--></ul>

<h3>Tag-breaks</h3>
<ul
    ><li>First</li
    ><li>Second</li
    ><li>Third</li
></ul>

CSS

body
{
    font-family: Sans-serif;
    font-size: 10pt;
}
h3
{
    font-size: 1.25em;
    font-weight: bold;
    margin: .5em 0 0;
}
li
{
    display: inline-block;
    background: #def;
    padding: 3px 5px;
    border-right: 1px dotted #369;
}
li:first-child
{
    border-left: 1px dotted #369;
}