JSFiddle - React, Tailwind, and code Playground
HTML
<form>
<div class="table">
<div class="col">
<div class="question">
<div class="collabel">
<label for="q1">Option 1</label>
</div>
<div class="colfield">
<input type="text" id="q1" name="q1">
</div>
</div>
<div class="question">
<div class="collabel">
<label for="q2">Option 2</label>
</div>
<div class="colfield">
<input type="text" id="q2" name="q2">
</div>
</div>
<div class="question">
<div class="collabel">
<label for="q3">Option 3</label>
</div>
<div class="colfield">
<input type="text" id="q3" name="q3">
</div>
</div>
</div>
<div class="col">
<div class="question">
<div class="collabel">
<label for="q4">Option 4</label>
</div>
<div class="colfield">
<input type="text" id="q4" name="q4">
</div>
</div>
<div class="question">
<div class="collabel">
<label for="q5">Option 5</label>
</div>
<div class="colfield">
<input type="text" id="q5" name="q5">
</div>
</div>
<div class="question">
<div class="collabel">
<label for="q6">Option 6</label>
</div>
<div class="colfield">
<input type="text" id="q6" name="q6">
</div>
</div>
</div>
</div>
</form>
CSS
.table {
display:table;
width:90%;
}
.col {
clear:both;
display:table-cell;
margin:0;
padding:0;
width:50%;
}
.question {
display:table-row;
width:100%;
}
.collabel, .colfield {
display:table-cell;
height:60px;
vertical-align:middle;
width:50%;
}
.colfield input, .colfield select {
width:90%;
}