<div class="container">
    <div class="center-wrap">this is center</div>
  <div class="left-wrap"></div>
  <div class="right-wrap"></div>

</div>
*{
  margin:0;
  padding:0;
}
html,body{
  width:100%;
  height:100%;
  text-align:center;
  font-size:36px;
}
.container{
  position:relative;
  display:flex;
}
div{
  height:100%;
}
.center-wrap{
  flex:1;
  order:2;
}
.left-wrap,.right-wrap{
  width:200px;
  background:#1ba1e2;
}
.left-wrap{
  order:1;
}
.right-wrap{
  order:3;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.