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>
            </ul>
   </li>
</ul>

CSS

.flat {list-style:none; float: left; width: 9em; padding: 0;}
.flat li {display:inline; padding-left:0}
label {float:left;width:7em;}