JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <div class="box box1"><strong>Link 1</strong></div>
    <div class="box box2"></div>
    <div class="box box3"><strong>Link 2</strong></div>
</div>

CSS

.content {
    display: -moz-box;
    -moz-box-orient: horizontal;
    -moz-box-pack: center;
    -moz-box-align: center;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    width: 400px;
    height: 200px;
    padding: 20px;
    background-color: #DDD; 
}
.box1 {
    background-color: #FFCCCC;
    padding: 10px;
}
.box2 {
    -moz-box-flex: 1;
    -webkit-box-flex: 1;
}
.box3 {
    background-color: #CCCCFF;
    padding: 20px;
}