JSFiddle - React, Tailwind, and code Playground

by abernov

HTML

<div class="container1">
<div class="container">
   <div class="column-left">Column center</div>
   <div class="splitter">S</div>
</div>
<div class="all">alllllll</div>
</div>

CSS

.container1 {
    display: inline-block;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.container {
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
}

.column-left {
    background-color: yellow;
    width: 300px;
}

.splitter {
    width: 10px;
    background-color: red;
}

.all {
    background-color: green;  
}