JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
    <div class="container">
        <div class="left">
        Содержимое левой колонки
        </div>
        <div class="center">
        Содержимое центральной колонки<br />
        Содержимое центральной колонки<br />
        Содержимое центральной колонки<br />
        Содержимое центральной колонки<br />
        </div>
        <div class="right">
        Содержимое правой колонки
        </div>
    </div>
    <div class="clear"></div>
</div>

CSS

html, body {margin:0; height:100%;}
.wrapper {height:auto !important; height:100%; min-height:100%; min-width:800px;}
.container {display: table; width: 100%;}
.left {width:200px; background: #c0c0c0; display: table-cell;}
.right {width:200px; background: #c0c0c0; display: table-cell;}
.center {margin:0 200px 0 200px; background: #808080; display: table-cell;}
.clear {clear:both;}