JSFiddle - React, Tailwind, and code Playground

by STVinMP

HTML

<body>
<div class="header container">

<div id="leftcol" title="portage photo by Hans Solo"></div>

<div id="midcol" class="col col-2">

<div id="divLeftInd">some text here</div><!-- ######## end of divLeftInd ##### -->

</div><!-- ####### END OF DIV FOR midcol -->
<div id="rightcol"></div>

</div><!-- ####### END OF DIV FOR header container -->
</body>

CSS

<style type="text/css">

.header {
display: table;
width: 100%;
height:100%;
text-align:center;
}

.header > div {
display: table-cell;
vertical-align:top;
}
.col {
width:20%;
}

#rightcol {
width:10%;
background-image:url('http://quetico.info/images/topo.png');
}
#leftcol {
width:10%;
background-image:url('http://quetico.info/images/portage.jpg');
}
#midcol {
background:#d0eadd;
padding-top:55px;
}
</style>