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: 64%;
    padding: 0;
    margin-left: -0.75em;
    overflow: hidden;
}
.flat li {
    float: left;
    width: 38%;
    padding-left: 0.75em;
}
label {
    float:left;
    width:35%;
}