JSFiddle - React, Tailwind, and code Playground

by Kevin Mwangi

HTML

<form action="/" style="diplay:block; width:600px; padding:5px 0;">
    <div style="display:block; width:100%; padding:5px 0; box-sizing: border-box; font-size:0;">
        <div style="display:inline-block; width:50%; box-sizing:border-box; padding-right:10px;">
            <input type="text" name="firstname" value="Mickey" style="display:block; width:100%">
        </div>
        <div style="display:inline-block; width:50%; box-sizing:border-box; padding-left:10px;">
            <input type="text" name="firstname" value="Mickey" style="display:block; width:100%">
        </div>

    </div>
    <div style="display:block;  width:100%; padding:5px 0;">
        <input type="text" name="firstname" value="Mickey" style="display: inline-block; width:100%">
    </div>
    <div style="display:block;  width:100%; padding:5px 0;">
        <input type="text" name="firstname" value="Mickey" style="display: inline-block; width:100%">
    </div>
    <input type="submit" value="Submit">
</form>