JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topnav">
    <form role="search" method="get" id="searchform" name="searchform" action="http://med2heal.com/" >
        <div>
            <input class="text" type="text" value="Search for..." onfocus="if(this.value == 'Search for...'){this.value = '';}" name="s" id="s" />
            <input class="button-secondary" type="submit" id="searchsubmit" value="Search" />
        </div>
    </form>
</div>

CSS

#topnav{
    font:17px/17px Helvetica, Arial, sans-serif;
    padding:0;
    text-align: right;
    margin-top:23px;
    border: 1px solid red;
}