JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
<div id="header">
    <div id="header-e1">
        1
    </div><div id="header-e2">
        2
    </div><div id="header-e3">
        3
    </div>
</div>
<div id="nav">
    links
</div>
<div id="content">
    content
</div>
<div id="footer">
    footer
</div>
</div>

CSS

div { border: 1px solid black; }  
    #wrapper
    {
        width: 95%;
        margin: 20px auto;
    }
    #header
    {
        margin: 5px;
    }
    #header > div {
        display: inline-block;
        width: 31%;
        margin: 5px 1%;
    }

    #nav
    {
        margin: 5px;
    }
    #content
    {
        margin: 5px;
    }
    #footer
    {
        margin: 5px;
    }