JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<body>
   
    
    <div id="centralMainBlock">
        
        <div id="leftColumn" class="exteriorColumn">
            Left col
        </div>
        
        <div id="contentBlock">
            <div id="menuLine">
                <div class="col-md-2 bootCol">Summary</div>
                <div class="col-md-2 bootCol">Transfer</div>
                <div class="col-md-2 bootCol">Portfolio</div>
                <div class="col-md-2 bootCol">Advice</div>
                <div class="col-md-2 bootCol">Performance</div>
                <div class="col-md-2 bootCol">Activity</div>
            </div>
            <!-- website content -->
        </div>
        
        <div id="rightColumn" class="exteriorColumn">
            Right col
        </div>

    </div>
</body>

CSS

body
{
    width: 1024px;
    height: 100%;
    margin: 0 auto;
}

.bootCol
{
    padding-left: 5px;
    padding-right: 5px;
}

#centralMainBlock
{
    width: 988px;
    margin: 0 auto;
    
}

#centralMainBlock > div
{
    display: block;
    float: left;
    vertical-align: top;
}

.exteriorColumn
{
    width: 132px;
    height: 100%;
    background-color: green;
}

#leftColumn
{
    margin-right: 5px;
}

#rightColumn
{
    margin-left: 5px;
}

#contentBlock 
{
    width: 714px; /* 6*109 + 5*10 + 2*5 */
    background-color: red;
}