JSFiddle - React, Tailwind, and code Playground

by Tan

HTML

<div id="holder" class="holder">
LOAD ME LATER...
</div>

<div class="page">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum non gravida magna. Sed odio magna, congue vel porta nec, commodo maximus ex. Vivamus pharetra aliquam eros et dignissim. Pellentesque convallis ac nibh sit amet accumsan. Maecenas tortor dolor, tincidunt id elit et, rutrum condimentum turpis. Fusce imperdiet, sapien a sodales tincidunt, nibh metus consectetur ante, id fringilla dui nunc eget ligula. In sit amet sollicitudin ante. Cras sagittis sapien eu tempor dignissim.</p>
<p>Donec id neque vitae ex volutpat facilisis et eget mauris. Donec vitae quam eu justo iaculis ullamcorper ut sollicitudin arcu. Nam hendrerit leo sit amet sagittis ultrices. Cras a fringilla mauris. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla at magna vel lectus faucibus bibendum. Phasellus vel tempor neque. Pellentesque iaculis aliquam enim, in porta quam vehicula eget.</p>
<p>Pellentesque vestibulum dictum dapibus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris rhoncus sapien congue diam maximus consequat. In varius, mi at semper facilisis, quam ex ornare ipsum, eget mattis velit sem ut ante. Aliquam pellentesque sit amet quam et ullamcorper. Fusce vestibulum lobortis est, at bibendum elit feugiat eu. Etiam scelerisque arcu nec massa aliquam mattis. Proin ornare justo at sapien fringilla bibendum. Ut a metus congue, tempor diam sit amet, dictum metus. Fusce sit amet felis ut lectus interdum ullamcorper. Integer quis ultrices tellus. Sed lobortis augue sit amet elit sollicitudin gravida. Nulla sagittis ornare sem eget sollicitudin.</p>
<p>Suspendisse potenti. Pellentesque tincidunt nulla a erat tristique, quis lobortis massa egestas. Morbi venenatis iaculis ligula. Duis placerat nunc nunc, eu tristique elit eleifend sit amet. Mauris ac malesuada nulla. Praesent auctor eleifend mi a porta. Pellentesque viverra arcu et...

CSS

.holder {font-family:arial;font-size:24px;width:500px;height:250px;margin:auto;text-align:center;line-height:250px;background-color:#eee;}

.bgimg {background-color:#fff;}

.page {font-family:arial;font-size:14px;width:500px;margin:20px auto;}

JavaScript

document.getElementById('holder').classname = "holder bgimg";