JSFiddle - React, Tailwind, and code Playground

by James Doyle

HTML

<label>
    <input type="checkbox">Top Of Google</label>
<label>
    <input type="checkbox">Human-Quality Auto-Translate</label>
<label>
    <input type="checkbox">Disable Bugs</label>
<label>
    <input type="checkbox">Disable Hacking</label>
<label>
    <input type="checkbox">Reduce Developer Hourly Rate</label>
<label>
    <input type="checkbox">Make Site Mobile/Responsive</label>
<label>
    <input type="checkbox">Increase User Engagement</label>
<label>
    <input type="checkbox">Eliminate All Spam</label>
<label>
    <input type="checkbox">Make Posts Viral</label>

CSS

body {
    margin: 2em;
    background: white;
}
label {
    display:inline-block;
    width: 100%;
    vertical-align: top;
    cursor: pointer;
    line-height: 1;
    margin-bottom: 0.3em;
    font-family: Arial;
    -webkit-font-smoothing: antialiased;
}
input {
    position: relative;
    top: -2px;
    margin-right: 1em;
    cursor: pointer;
}