JSFiddle - React, Tailwind, and code Playground

by okke

HTML

<h1>Print</h1>
<p>This wil be printed.</p>
<ul>
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>
<p>Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna.</p>

CSS

body {
    font-size: 14px;
    lineheight: 18px;
    font-family: sans-serif;
    padding: 1em;
}
h1, p, ul {
    margin-bottom: 18px;
}
@media screen {
h1 {
    line-height: 36px;
    font-size: 28px;
    color: hotpink;
}
p {
    width: 20em;
}
ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}
ul li {
    border-bottom: 1px solid hotpink;
}
}