JSFiddle - React, Tailwind, and code Playground

by digitalmedia

HTML

<div class="wrap clearfix">
	<div class="left-pad"></div><div class="center">
    <br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aaa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>aa<br>
	</div><div class="right-pad"></div>
</div>

CSS

html, body {
    height:100%;
}
.wrap {
    width:100%;
    height:100%;
}
.left-pad, .right-pad, .center{
    height:100%;
    float:left;
    }
.left-pad, .right-pad{
    width:5%;
}
.center{
    width:90%;
}
.left-pad, .right-pad{
    background-color: #ccc;
}