JSFiddle - React, Tailwind, and code Playground

by HerrSerker

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;
    overflow:hidden;
    padding:0
}
.flat li {
    display:inline;
    padding-left:0
}
label {
    float:left;
    width:7em;
}