JSFiddle - React, Tailwind, and code Playground

by Сергей Тарасевич

HTML

<div id="centerContent">
    <div id="leftMenu">leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu leftMenu</div>
    <div id="contetn">contetn</div>
</div>
<br />
<br />
<br />
<div id="centerContent">
    <div id="leftMenu">leftMenu</div>
    <div id="contetn">contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn contetn</div>
</div>

CSS

/* обнуляем все значения */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, button {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
/* # */
html, body {
    font-family:"Myriad Set Pro", "Lucida Grande", "Helvetica Neue", "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 13px;
}
body {
    background-image: url('http://melomaniadev.ru/wrap/default/img/bg.jpg');
}
div {
    position: relative;
}
#centerContent {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 12px 0px rgba(50, 50, 50, 0.75);
    display: table;
    margin: 0 auto;
    position: relative;
    top: 44px;
    width: 1170px;
}
#leftMenu {
    border-right: 1px solid #D4D4D4;
    display: table-cell;
    width: 170px;
}
#contetn {
    display: table-cell;
    width: 999px;
}