JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<div class="main">
    <div class="cont">
        <div class="foo">Aside<br>ok</div>
        <div class="bar">Content<br>ok</div>
        <br class="clear" />
    </div>
    <div class="footer">Footer</div>
</div>

<div class="main">
    <div class="cont">
        <div class="foo">Aside<br>ok</div>
        <div class="bar">Content<br>ok</div>
        <div class="clear"></div>
    </div>
    <div class="footer">Footer</div>
</div>

CSS

html {line-height:1.3;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0; padding: 0; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
fieldset, img { border: 0; }
img { font-style: italic; vertical-align:bottom; }
address, caption, cite, code, dfn, th, var { font-style: normal; font-weight: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
q { quotes: none; }
q:before, q:after { content: ''; content: none; }
abbr, acronym { cursor: help; border: 0; }+
a { text-decoration: none; }
pre, code { font-family: monospace; }
b, strong { font-weight: bold; }
sub, sup {font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
input, select, option, optgroup, textarea { font: inherit; }
input[type="submit"], input[type="button"], input[type="reset"], button { cursor: pointer; border: 0; overflow:visible; }
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, button::-moz-focus-inner { border: 0; padding: 0; }
input[type="submit"]:-moz-focusring, input[type="button"]:-moz-focusring, input[type="reset"]:-moz-focusring, button:-moz-focusring { outline: 1px dotted black; }
textarea {resize:none;}

.clear { clear:both; line-height:0; height:0; font-size:0; overflow:hidden; display:block; width:100%; line-height: 1px; font-size: 1px;}

.main {width:400px; margin:0 auto 25px; }
.cont {widht:400px; background:firebrick; font-size:0; padding:0 0 15px; zoom:1;}
.foo {width:150px; float:left; font-size:12px;}
.bar {width:250px; float:left; font-size:12px;}
.footer {background:red;}