JSFiddle - React, Tailwind, and code Playground

by speakman

HTML

<ul>
    <li>
        <span class="name">First Person</span>
        <div class="checkboxes">
            <input type="checkbox" />
            <input type="checkbox" />
            <input type="checkbox" />
        </div>
    </li>
    <li>
        <span class="name">Second Person</span>
        <div class="checkboxes">
            <input type="checkbox" />
            <input type="checkbox" />
            <input type="checkbox" />
        </div>
    </li>
    <li>
        <span class="name">Third Person</span>
        <div class="checkboxes">
            <input type="checkbox" />
            <input type="checkbox" />
            <input type="checkbox" />
        </div>
    </li>
</ul>

CSS

ul {
    width: 320px;
    background: F0F0F0;
}

li {
    margin: 20px;
}

.checkboxes {
    float: right;
}

input {
    margin: 10px;
}