JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li><label>name:</label>
      <ul class="flat">
          <li>whatever</li>
      </ul></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

ul {
    list-style: none;
    padding: 0;
}

label {
    display: inline-block;
    width: 4.5em;
}

.flat {
    display: inline-block;
    vertical-align: top;
    width: 6em;
    margin-bottom: .5em;
}

.flat li {
    display: inline-block;
}