JSFiddle - React, Tailwind, and code Playground

by BlaXpirit

HTML

<div id="outer">
    <div id="inner">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum quis lectus enim, sit amet tristique dui. Nam sem nibh, posuere eu fermentum non, mattis vel libero. Duis tincidunt risus id velit vulputate lacinia. Quisque ac magna mi, sit amet venenatis metus. Suspendisse fringilla sollicitudin massa at vulputate. Aliquam tempor feugiat iaculis. Proin venenatis tristique orci quis rhoncus. Nullam pulvinar malesuada diam, in convallis risus malesuada vel. Duis fringilla eros eu ligula vestibulum et egestas nisl luctus. Mauris feugiat, nunc in dapibus tempor, massa metus consectetur ante, ut blandit urna dolor ac augue.</p>
        <p>Proin aliquet gravida felis sed sodales. Nulla porttitor mattis ipsum, vitae facilisis arcu fringilla volutpat. Aenean id tortor ligula, id feugiat massa. Nunc eleifend, mauris eget suscipit suscipit, dolor magna faucibus augue, rutrum venenatis eros ipsum eu mauris. Vivamus imperdiet turpis vitae dui rutrum vestibulum. Praesent convallis odio non nisi tristique condimentum. Nunc scelerisque, turpis scelerisque rutrum rhoncus, justo est vulputate leo, sed blandit nisi sem vitae nibh. Cras tristique facilisis ante sed sagittis. Quisque vulputate metus vitae odio congue pulvinar dapibus dolor vulputate. Morbi diam ante, rutrum quis dapibus vel, sollicitudin non odio. Mauris viverra tellus et leo mollis a rutrum odio congue. In hendrerit justo sed est ultricies tincidunt. Nunc eu ante ut libero molestie pellentesque a eget felis. Suspendisse facilisis sodales libero, at sagittis mi posuere sit amet. Sed sit amet ipsum odio, et mollis est.</p>
    </div>
</div>

CSS

#outer{
    background-color: #ddd;
}
#inner{
    background-color: #aaa;
    width: 500px;
    margin: 0 auto;
    padding: 5px;
}