JSFiddle - React, Tailwind, and code Playground

by brianflanagan

HTML

<div id="access-search">
    <form id="searchform" method="get" action="http://eezzyweb.com">
        <div>
            <input id="s" name="s" type="text" value="" size="20" tabindex="1" />
            <label for="s">
                <input id="searchsubmit" name="searchsubmit" type="submit" value="Search" tabindex="2" />
            </label>
        </div>
    </form>
</div>

CSS

#access-search  {position:relative; overflow:hidden;}

#searchform div {float:right; display:inline; top:6px; right:10px; width:250px; height:22px; background:#900;}
input#s         {width:210px; height:16px; margin-left:5px; background:none; padding:3px 0;}
#searchsubmit   {background:#333; float:right; width:22px; height:21px; text-indent:-9999px; text-transform:capitalize;}
input#s, 
#searchsubmit   {vertical-align:middle; border:0; line-height:1; font-size:90%; cursor:pointer;}