JSFiddle - React, Tailwind, and code Playground

by thirtydot

HTML

<div id="container">
    <h1>Fun Text</h1>
    
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean odio est, commodo imperdiet cursus at, lacinia id est. Etiam ornare lacinia lorem, at gravida velit porta ut.</p>
    
    <p>Morbi congue, est ac aliquam rutrum, erat ligula condimentum tortor, ac suscipit justo tellus ut quam. Sed porttitor sodales velit, sit amet porttitor erat sollicitudin vitae. Nullam vitae purus tellus. Maecenas in felis augue, nec suscipit sem. Suspendisse adipiscing odio eget purus volutpat rhoncus adipiscing vel tortor.</p>
    
    <p>Nunc molestie auctor neque, sed scelerisque augue mollis vel. Aenean vel nunc ipsum, vitae aliquet odio. Maecenas risus risus, hendrerit sed dignissim vel, euismod egestas velit. Proin felis neque, mattis venenatis lacinia a, euismod sed nisl.</p>
</div>

CSS

#container {
    background: #ccc
}
h1 {
    margin: 0 0 24px 0
}
p {
    margin: 12px 0
}