JSFiddle - React, Tailwind, and code Playground

by peduarte

HTML

<div id="wrap">
<form>
    <fieldset>
        <input type="text" value="Text input 1">
        <input type="text" value="Text input 2">
    </fieldset>
    <input type="submit" value="Submit">    
</form>
</div>

CSS

#wrap { background: #666; padding: 5px; }
form { overflow: hidden; position: relative; }
input { border: none; padding: 15px 0; width: 125px; color: #fff; font-weight: bold; text-align: center; margin: 0;}
input[type=text] { background: #333; float: left; }
input[type=submit] {background: #cc0000; float: right;}
fieldset { position: absolute; left: 0; right: 125px; background-color: #000;}
input[type=text] {
    width: 50%;
}