JSFiddle - React, Tailwind, and code Playground

by Ting-Yuan Chang

HTML

<div id="options">
    <label>My options</label>
    <ul>
        <li>
            <label>
                <input type="checkbox">Checkbox 1</label>
        </li>
        <li>
            <label>
                <input type="checkbox">Checkbox 2</label>
        </li>
        <li>
            <label>
                <input type="checkbox">Checkbox 3</label>
        </li>
        <li>
            <label>
                <input type="checkbox">Checkbox 4</label>
        </li>
    </ul>
</div>

CSS

#options label {
    float: left;
    clear: left;
}
#options ul {
    margin: 0;
    list-style: none;
    float: left;
}