JSFiddle - React, Tailwind, and code Playground

HTML

<div class="example">
            <div>
              Box one
            </div> 
            <div class="center">
              center
            </div> 
            <div>
              Box two
            </div> 
</div>

CSS

.example {
 height: 260px;
 white-space:nowrap;
 padding-right:400px;
}
.example div{
    display:inline-block;
    *display:inline;/*IE7*/
    *zoom:1;
background: green;
text-align: center;
    width:50%;
    white-space:normal;
    margin-right:-5px;
    min-height:100%;
}
.example div + div{
    background: red;
}
.example .center{
    background:yellow;
    width:400px;
}