JSFiddle - React, Tailwind, and code Playground

by blaker

HTML

<body>
    <section>
        <article>
            <h1>Title</h1>
            <h2>Sub-title</h2>
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean eget euismod velit. Nam ac porta lectus. Nunc pulvinar, est at porttitor laoreet, neque lectus sodales dui, vitae aliquet elit nunc a orci. Integer feugiat porta magna in feugiat. Proin egestas nulla vitae nibh rhoncus volutpat.Nulla sem libero, tristique et lobortis quis, placerat et diam. Duis libero magna, convallis elementum elementum sagittis, porttitor sit amet arcu. Proin malesuada neque eu massa porttitor eu pellentesque est molestie. Aliquam erat volutpat. In congue sollicitudin augue quis facilisis. Quisque auctor est quis est sagittis eget volutpat sapien dictum. Ut id venenatis diam.</p>
        </article>
    </section>
    <section>
        <article>
            <h1>Title</h1>
            <h2>Sub-title</h2>
            <p>Donec ultrices quam eget dolor egestas sit amet hendrerit dolor convallis. Maecenas eu justo mauris, nec sagittis odio. Curabitur id eros tortor. Nulla id urna sapien. Donec condimentum dapibus convallis. Vivamus dictum venenatis metus, non lobortis orci aliquet id. Cras cursus, justo quis consequat sagittis, tellus arcu lobortis dolor, sit amet tempus odio dui non arcu. Etiam ut arcu eu erat posuere luctus. Aenean ornare aliquam lorem, sed egestas urna posuere a. Proin varius nulla ac velit eleifend consequat. Phasellus tincidunt massa in orci euismod eget varius lorem feugiat. Pellentesque lobortis, nibh non tristique condimentum, justo neque tempus mauris, non bibendum tortor arcu vitae massa.</p>
        </article>
    </section>
    <section>
        <article>
            <h1>Title</h1>
            <h2>Sub-title</h2>
            <p>Curabitur viverra est vel nunc faucibus imperdiet. Nulla vehicula nibh quis turpis sagittis molestie. Phasellus venenatis ullamcorper odio, vitae rutrum neque malesuada eu. Donec suscipit, ligula vel rhoncus pharetra, ante...

CSS

html {
    background-color:black;
}
body {
    background-color:green;
    max-height:100%;
    margin:0;
    padding:0;
    width:10000px;
    #display:inline;
    overflow-y:hidden;
    overflow-x:auto;
}
body > section {
    background-color:blue;
    display:inline;
    float:left;
    max-height:400px;
    max-width:400px;
    overflow:hidden;
}