JSFiddle - React, Tailwind, and code Playground

HTML

<div id=primary>primary</div>
<div id=wrapper>wrapper</div>
<div id=container>container</div>
<div id=wrapper>wrapper</div>
<div id=content>content</div>

CSS

#primary {
width:20%;
float:left;
}
#wrapper {
overflow: hidden;
float:left;
width:79%;
}
#container {
background-color:#c4f1f0;
width:100%;
height:100%;
float:left;
}
#content {
width:80%;
float:left;
padding-top: 0.7em;
}
#wrapper {
overflow: hidden;
float:left;
width:79%;
}

div {border:1px solid #f00;}