JSFiddle - React, Tailwind, and code Playground

by kein1945

HTML

<div class="boxh flex">
    <div class="flex"></div>
    <div class="boxv" style="width:300px">
        <div class="flex"></div>
        <div style="height:200px"></div>
    </div>
</div>

CSS

html,body { margin:0;padding:0; height:100%;width:100% } 
.boxh {
    display:         box;
    display:    -moz-box;
    display: -webkit-box;
    
            box-orient: horizontal;
       -moz-box-orient: horizontal;
    -webkit-box-orient: horizontal;
}
.boxv {
    display:         box;
    display:    -moz-box;
    display: -webkit-box;
    
            box-orient: vertical;
       -moz-box-orient: vertical;
    -webkit-box-orient: vertical;
}
.flex {
            box-flex:1;
       -moz-box-flex:1;
    -webkit-box-flex:1;
}
div { border: dashed 1px red; padding:5px; margin: 5px }

JavaScript

$('body').addClass("boxh")