JSFiddle - React, Tailwind, and code Playground

HTML

<body>
        <div class="wrapper">
            <div class="left">
            </div>
            <div class="right">
            </div>
            <div class="center">
                <div id="header">
                </div>        
                
                <div id="content">

                    <p>Ennui tofu venmo 3 wolf moon single-origin coffee bicycle rights, disrupt pour-over sriracha pitchfork bitters typewriter waistcoat literally church-key. Banjo yuccie fingerstache kale chips paleo. Beard swag four loko, flannel cred quinoa art party tattooed sartorial asymmetrical gentrify. Etsy twee 3 wolf moon XOXO plaid typewriter bitters, meggings polaroid mustache jean shorts try-hard offal. Yr bespoke fingerstache, schlitz chia bushwick tote bag narwhal taxidermy intelligentsia XOXO deep v next level. Austin humblebrag art party, chia hashtag meditation readymade brunch pickled marfa. Narwhal seitan truffaut, portland chia lomo chillwave.</p>
                    <p>Cornhole photo booth vinyl, quinoa chambray bespoke offal craft beer narwhal food truck 3 wolf moon shabby chic brunch blue bottle taxidermy. Franzen hashtag knausgaard, ennui shabby chic ethical cliche letterpress mlkshk trust fund thundercats cornhole. Single-origin coffee seitan yuccie whatever. Godard farm-to-table polaroid, cronut put a bird on it kombucha viral kogi sustainable echo park craft beer bitters. Synth wolf stumptown iPhone four dollar toast, messenger bag blog mustache franzen. Heirloom selfies pinterest humblebrag vice health goth knausgaard, post-ironic chia mumblecore master cleanse. Blog pop-up distillery taxidermy migas.</p>
                    <p>Marfa tilde tattooed authentic, disrupt food truck tumblr gentrify plaid hammock cliche 3 wolf moon knausgaard bushwick meh. Typewriter kombucha 90's hella dreamcatcher tousled. Blog tacos bitters tousled plaid small batch vegan, man braid aesthetic. Four dollar toast normcore ethical 90's flannel. Tattooed literally...

CSS

*{
    font-family: Arial Black,Arial Bold,Gadget,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: 400;
    
    border:0px;
    margin:0px;
    padding:0px;
}
.wrapper{
    position:absolute;
    width:100%;
    height:100%;
    background-color:black;
}
.left{
    position:absolute;
    left:0px;
    width:220px;
    height:100%;
    
    background-color:red;
}
.right{
    position:absolute;
    right:0px;
    width:220px;
    height:100%;
    
    background-color:blue;
}
.center{
    position:absolute;
    right:220px;
    left:220px;

    background-color:yellow;
}
#header{
    float:left;
    height:40px;
    width:100%;
    background-color:silver;
}
#footer{
    position:absolute;
    bottom:0px;
    height:20px;
    width:100%;
    
    background-color:silver;
}
#content{
    float:left;
    top:40px;
    bottom:20px;
    margin:20px;
    
    background-color:orange;
}