JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://rawgithub.com/LeaVerou/prefixfree/gh-pages/prefixfree.min.js"></script>
<form class="menu-form">
  
    <div><label>name</label>
    <div id="ember635" class="ember-view"><input type="string" id="ember636" class="ember-view ember-text-field"></div></div>
  
    <div><label>priority</label>
    <div id="ember637" class="ember-view"><input type="string" id="ember638" class="ember-view ember-text-field"></div></div>
  
    <div><label>topology</label>
    <div id="ember639" class="ember-view"><input type="string" id="ember640" class="ember-view ember-text-field"></div></div>
  
    <div><label>duplexType</label>
    <div id="ember641" class="ember-view"><input type="string" id="ember642" class="ember-view ember-text-field"></div></div>
  
    <div><label>serviceUse</label>
    <div id="ember643" class="ember-view"><input type="string" id="ember644" class="ember-view ember-text-field"></div></div>
  
    <div><label>assignmentType</label>
    <div id="ember645" class="ember-view"><input type="string" id="ember646" class="ember-view ember-text-field"></div></div>
  
    <div><label>nominalDataType</label>
    <div id="ember647" class="ember-view"><input type="string" id="ember648" class="ember-view ember-text-field"></div></div>
  
    <div><label>averageHoldTime</label>
    <div id="ember649" class="ember-view"><input type="number" id="ember650" class="ember-view ember-text-field"></div></div>
  
    <div><label>averageMessageSize</label>
    <div id="ember651" class="ember-view"><input type="number" id="ember652" class="ember-view ember-text-field"></div></div>
  
    <div><label>interArrivalTime</label>
    <div id="ember653" class="ember-view"><input type="number" id="ember654" class="ember-view ember-text-field"></div></div>
  
    <div><label>requiredTransport</label>
    <div id="ember655" class="ember-view"><input type="string" id="ember656" class="ember-view ember-text-field"></div></div>
  
   ...

CSS

.menu-form {
    background-color: lightgray;
    padding: 1em 1.5em;
}

.menu-form:before, .menu-form:after {
	content: "\0020";
	display: block;
	height: 0;
	visibility: hidden;
}

.menu-form:after {
	clear: both;
}

.menu-form {
	zoom: 1;
}

.menu-form div {
    width: 33%;
    float: left;
}

.menu-form div label {
    display: block;
}