JSFiddle - React, Tailwind, and code Playground

by George Batt

HTML

<div id="searchCon">    
<form role="search" method="get" id="searchform" class="searchform" action="http://somesite.com/">
<div>
    <label class="screen-reader-text" for="s">Search Our Site:</label>
    <input type="text" value="" name="s" id="s">
    <input type="image" value="Search" src="button.png" id="searchsubmit" style="opacity: 1;">
</div>
</form>
</div>

CSS

#searchCon{
    float: right;
    display: inline-block;
    height:37px;
    padding: 0px 10px 10px 280px;
    color:#2a2a2a;
}
#searchCon label, #searchCon input{
    vertical-align:top;
    margin:0;
}