JSFiddle - React, Tailwind, and code Playground

HTML

<div id="topsearchform">
            <p id="searchpara">Search Horses and Ponies For Sale</p>
            <a onclick="searchboxrollup(this);return false;" id="searchrollup" class="rollup uparrow" href="javascript:__doPostBack('searchrollup','')">Hide more options</a>
            <div>
            <input name="inp_keywords" type="text" value="Type keywords here" id="inp_keywords" onclick="kwClick(this.form)">
            <input type="submit" name="submit1" value="Search" onclick="return deptSubmit(this.form);" id="submit1">
            </div>
            <div id="searcboxinner">
            <div>
    <div id="searchpanel">
        <div class="searchboxitem">
            <span>Height</span><select name="dl0" id="dl0" class="rangefrom">
                <option value="...">...</option>
                <option value="0">0</option>
                <option value="11.2hh">11.2hh</option>
                <option value="11.3hh">11.3hh</option>
                <option value="12hh">12hh</option>
                <option value="12.1hh">12.1hh</option>
                <option value="12.2hh">12.2hh</option>
                <option value="12.3hh">12.3hh</option>
                <option value="13hh">13hh</option>
                <option value="13.1hh">13.1hh</option>
                <option value="13.2hh">13.2hh</option>
                <option value="13.3hh">13.3hh</option>
                <option value="14hh">14hh</option>
                <option value="14.1hh">14.1hh</option>
                <option value="14.2hh">14.2hh</option>
                <option value="14.3hh">14.3hh</option>
                <option value="15hh">15hh</option>
                <option value="15.1hh">15.1hh</option>
                <option value="15.2hh">15.2hh</option>
                <option value="15.3hh">15.3hh</option>
                <option value="16hh">16hh</option>
                <option value="16.1hh">16.1hh</option>
                <option value="16.2hh">16.2hh</option>
                <option...

CSS

html {
    background-color: f4f6f4;
}

#topsearchform {

}

#searchpara {
    display: none;
}

#searchrollup {
    display: none;
}

#topsearchform {
    width: 940px;
    height: 60px;
    overflow: hidden;
}

#topsearchForm div {
    width: 940px;
}

#inp_keywords {
    float: left;
    width: 273px;
    height: 32px;
    border: 1px solid 606060;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#searcboxinner .searchboxitem {
    float: left;
}

select {
    width: 110px;
}

#submit1 {
    float: right;
    width: 100px;
    height: 40px;
    background-color: red;
    position: relative;
    border: none;
}
#submit1:after {
    content: '';
    display: block;
    height: 0;
    width: 0;
    border: 20px solid transparent;
    border-left-color: red;
    position: absolute;
    right: -40px;
    top: 0;
}