JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML>
<html>
 <head>
     <meta charset="utf-8">
     <title>Forumcss</title>
     <style type="text/css">
         html, body{
             margin: 0;
         }
         div{
             border: 1px solid black;
         }
         .header{
             height: 200px;
         }
         .body{
             width:100%;
             position: absolute;
             top: 150px;
             border: 0;
         }
         .main{
             width: 600px;
             margin: 0 auto;
             text-align: center;
         }
         .footer{
             height: 100px;
         }
     </style>
 </head>
 <body>
     <div class="header"></div>
     <div class="body">
     <div class="main">
     <p>
     A lot of stuff here<br>
     A lot of stuff here<br>
     A lot of stuff here<br> 
     A lot of stuff here<br>
     A lot of stuff here<br>
     A lot of stuff here<br>
     A lot of stuff here<br>
     A lot of stuff here<br>
     A lot of stuff here<br> 
     A lot of stuff here<br>
     A lot of stuff here<br>
     </p>
     </div>
     <div class="footer"></div>
     </div>
 </body>
</html>