JSFiddle - React, Tailwind, and code Playground

HTML

<ul style="width:16em;list-style:none;padding-left:0">
    <li><label>name:</label><span>whatever</span></li>
    <li><label>categories:</label>
        <ul class="flat"><li>item 1</li>
            <li>item 2</li>
            <li>item 3</li>
            <li>item 4</li>
            <li>item 2</li>
            <li>item 3</li>
            <li>item 4</li>
            <li>item 4</li>
            <li>item 2</li>
            <li>item 3</li>
            <li>item 4</li>
            </ul>
   </li>
</ul>

CSS

.flat {list-style:none;float:left;}
.flat li {display:inline; padding-left:0;}
label {float:left;width:7em;}
ul {padding:0px;}
li {float:left;margin-right:10px;}
ul .flat li:nth-child(odd) {clear:both;}