JSFiddle - React, Tailwind, and code Playground

by gregbabula

HTML

<!DOCTYPE html>
<html>
<head>
    <title>G</title>
</head>
<body>
    
    <div id="wrapper">
        <div class="wrap">
            
            <p>asdf</p>
            
            <p>asdf</p>
            
            <p>asdf</p>
            
            <p>asdf</p>
            
            <p>asdf</p>
            
            <p>asdf</p>
            
            <p>asdf</p>
        
        </div><!--end .wrap-->
    </div><!--end #wrapper-->
    
</body>
</html>

CSS

body { background: brown; box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5); min-height: 100%; position: relative; height: 100%; }

#wrapper { margin: 0; overflow: hidden; padding: 0; height: 100%; width: 100%; }
.wrap { margin: 0 auto; padding: 15%; width: 70%; }

p { margin-bottom: 1.5em; }