JSFiddle - React, Tailwind, and code Playground

by Admiral Potato

HTML

<p class="margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate leo quis elit consequat malesuada. Proin mollis hendrerit erat id venenatis. Aenean eget sem eleifend nunc vestibulum egestas. Integer sit amet massa nec sapien condimentum tempor interdum vel nulla. Nullam a sapien a metus dictum faucibus. Aliquam rhoncus, dolor ultrices fringilla feugiat, nunc metus placerat orci, et euismod tellus risus eget leo. Quisque vel sapien in justo viverra varius at semper diam. Quisque id facilisis risus.</p>
<p class="margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate leo quis elit consequat malesuada. Proin mollis hendrerit erat id venenatis. Aenean eget sem eleifend nunc vestibulum egestas. Integer sit amet massa nec sapien condimentum tempor interdum vel nulla. Nullam a sapien a metus dictum faucibus. Aliquam rhoncus, dolor ultrices fringilla feugiat, nunc metus placerat orci, et euismod tellus risus eget leo. Quisque vel sapien in justo viverra varius at semper diam. Quisque id facilisis risus.</p>
<p class="margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate leo quis elit consequat malesuada. Proin mollis hendrerit erat id venenatis. Aenean eget sem eleifend nunc vestibulum egestas. Integer sit amet massa nec sapien condimentum tempor interdum vel nulla. Nullam a sapien a metus dictum faucibus. Aliquam rhoncus, dolor ultrices fringilla feugiat, nunc metus placerat orci, et euismod tellus risus eget leo. Quisque vel sapien in justo viverra varius at semper diam. Quisque id facilisis risus.</p>
<p class="margin">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate leo quis elit consequat malesuada. Proin mollis hendrerit erat id venenatis. Aenean eget sem eleifend nunc vestibulum egestas. Integer sit amet massa nec sapien condimentum tempor interdum vel nulla. Nullam a sapien a metus dictum faucibus. Aliquam rhoncus, dolor ultrices fringilla...

CSS

body{
    font-family: sans-serif;
    font-size: 12px;
}
*{
    padding: 0;
    margin: 0;
}

.margin{
    margin: 16px;
    background-color: #f99;
    font-size: 2em;
    line-height: 1.5em;
}

.padding{
padding: 16px;
background-color: #9f9;
}

.marginFloat{
    margin: 16px;
    background-color: #99f;
    float: left;
    font-size: 2em;
    line-height: 3em;
}

.paddingFloat{
padding: 16px;
background-color: #9ff;
float: left;
}