JSFiddle - React, Tailwind, and code Playground

by serio

HTML

<div class='controls'>
<label for='wee'>wee: <input type='checkbox' id='wee'/></label>
<label for='wee'>woo: <input type='checkbox' id='woo'/></label>
</div>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis ornare accumsan. Fusce vitae tortor non elit adipiscing convallis a vitae diam. Proin volutpat, lectus at dictum blandit, urna risus iaculis arcu, et vestibulum lectus turpis sed diam. Mauris pulvinar fermentum tempus. Cras et nulla vitae nibh venenatis ullamcorper in sed ipsum. Donec quis justo non mauris semper luctus non sed justo. Vivamus convallis eros vitae lectus sagittis quis consequat eros malesuada. Proin vel dolor a est blandit pretium. Phasellus ac orci quis mauris porta mollis. Vestibulum convallis porta dolor, at ultrices massa feugiat nec. Nunc semper metus vel quam egestas eu volutpat arcu scelerisque. Fusce venenatis egestas auctor. Nulla tellus dui, pellentesque non blandit nec, ornare faucibus ipsum. Donec in nisi ligula, a cursus dui. Aliquam luctus leo a enim porta non gravida nisi auctor.

<p>In tellus orci, ornare quis vulputate id, interdum eget elit. Morbi suscipit felis vel dolor consequat ultrices pretium mi eleifend. Maecenas dapibus odio ante. Quisque tellus nisi, fermentum vitae fringilla eget, ultrices sed orci. Donec ante orci, ultricies a venenatis vestibulum, commodo eu tortor. Fusce adipiscing pharetra ante id cursus. Suspendisse sed enim nisl. Cras sit amet dolor tellus, eget fringilla mi. Maecenas et orci nisi, ultrices consectetur urna. Mauris a massa non mi dapibus vestibulum ut nec lacus.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut risus ante, porttitor ac sodales id, fermentum nec erat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi ut lacus eu purus molestie convallis. Nunc sed eros mi, id hendrerit mauris. Donec sagittis venenatis velit dictum vehicula. Pellentesque vel ligula lacus. Ut...

CSS

.controls {
    display: block;
    width: 200px;
    position: fixed;
    bottom: 0;
    right: 0;
    background: #777;
    padding: 20px;
}

p { font-size: 2em; padding: 50px 0; }