JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bodyWrapper">
    <div id="header">Header Content</div>
    <div id="container">
        <div id="left">
            left Bar
        </div>
        <div id="content">
            <div class="inner">
                 Middle Content
            </div>
           
        </div>
   </div>
    <div id="footer">
        Footer
    </div>
</div>

CSS

#bodyWrapper {
   width:965px;   
   background: #660000;
}
#header {
    height:140px;    
}
#left {
  width:200px;   
}
#content {
  width:765px; 
    margin-left:200px;
    background:#FFF;
}
#content .inner {
  padding:5px;
}
p {
  margin-bottom:20px;   
}
#footer {
    height:140px;   
}

JavaScript

$(function() {
    for( var i = 0; i< 20; i++) {
   $('#content div.inner').append('<p> More content here, more more more</p>');
    }
});