JSFiddle - React, Tailwind, and code Playground

by Billy McKee

HTML

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam tristique nibh elit, vitae iaculis metus porta id. Sed eget nibh cursus, ullamcorper elit eget, cursus lacus. Aenean rhoncus quis velit vitae aliquam. Duis et neque luctus, malesuada libero sed, placerat tortor. Vestibulum convallis consequat libero imperdiet malesuada. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi eu laoreet est. Ut metus purus, luctus a ligula at, commodo sodales neque.</p>

CSS

* {
    /* I don't recomment using the universal selector
    * I'm just using it now so it's easier to see the code below */
    margin:0;
    padding:0;
}
body {
    /* A background image for your 30px baseline */
    background: url('http://baselinebg.keyes.ie/?h=30') repeat top left;
}

/* Below is the code you are concerned with */
html {
    font-size: 1.25rem; /* 20px */
    line-height: 1.875rem; /* 30px in Chrome, 37.5 px in firefox */
}