JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<div class="bg">
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque iaculis sagittis magna id cursus. Integer dictum augue eget mi rhoncus a laoreet augue euismod. Duis purus velit, rutrum sed semper sed, ornare dictum metus. Aliquam et purus sed justo fermentum bibendum. Nunc orci enim, malesuada eget imperdiet a, viverra quis risus. Sed vitae diam est, vel rhoncus mauris. Sed vehicula, ante sit amet congue fringilla, eros metus tincidunt leo, quis ornare libero quam quis nisl. Praesent nisi nulla, tempus eget ullamcorper et, venenatis nec libero. Phasellus at eros metus. Sed accumsan tristique ornare. Morbi tempor turpis ut tortor feugiat bibendum. Nunc lacinia nulla in mi facilisis venenatis accumsan purus convallis. Sed pulvinar felis a orci vestibulum eget vulputate arcu mollis. Cras consequat neque at erat ultricies porttitor.

Donec quis magna lorem, quis volutpat neque. Quisque vulputate nibh et ante mollis euismod. Suspendisse porttitor sem vitae libero suscipit accumsan. Integer porta pellentesque ante at accumsan. Aenean pretium mauris libero, quis mattis sem. In hac habitasse platea dictumst. Vivamus pretium augue ut odio ultricies mollis. Sed at ligula purus, consequat tristique velit. Nulla ac fringilla ipsum. Mauris laoreet justo vel sapien lacinia nec euismod tortor laoreet. Nunc feugiat porttitor ligula nec bibendum. Praesent diam diam, semper sit amet blandit non, interdum nec sem. Pellentesque iaculis scelerisque viverra. Duis tincidunt pretium magna sit amet tristique. Nunc ut est erat. Nulla dictum sodales sem ac eleifend.

Praesent euismod diam ut purus luctus quis semper orci rutrum. Nam id tortor non metus fringilla rhoncus. Vivamus sit amet tellus magna, tempor rhoncus ligula. Donec egestas ultricies odio et euismod. Cras mollis dictum orci, id vestibulum odio consequat vel. Suspendisse egestas ante ut est luctus porta. Nullam hendrerit, turpis et commodo placerat, arcu odio auctor elit, pulvinar rutrum nibh turpis eu...

CSS

body, html {
    background: url(http://www.alainbenoit.com/img/contents/AB_01_Inspiration_01.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    padding:0;
    margin:0;
}

div.bg {
    width: 400px;
    margin: 0 auto;
    background: transparent
}