JSFiddle - React, Tailwind, and code Playground

by Niels Harbo

HTML

<div id="outer">
    <div id="left">
        <input class="tb" type="text" />
    </div>
    <div id="right">
        <input class="tb" type="text" />
    </div>    
</div>

CSS

div, .tb { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
#outer { width: 50%; height: 22px; border: 1px solid blue; padding:0; margin:0;}
input { border: 1px solid red; margin:0;}
#left { float:left; width:10%; padding:0; margin:0;}
#right { float:left; width:90%; padding:0; margin:0;}
.tb { width: 100%; }