JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <ul class="numbers">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <div>How ready do you feel...</div>
    <ul class="how-ready">
        <li><input type="checkbox"/>Unwilling</li>
        <li><input type="checkbox"/>Not ready</li>
        <li><input type="checkbox"/>Ready to a point</li>
        <li><input type="checkbox"/>Completely ready</li>
        <li><input type="checkbox"/>Completely ready</li>
    </ul>
</div>

CSS

.container{width:650px; font-size:12px}
.numbers, .how-ready {
    postion:relative;
    width:100%;
    background-color:rgb(204,204,204);  
}
ul{list-style:none;float: left;padding:0;}
ul.numbers li, ul.how-ready li{float:left;width:18%; padding:1%}