Question

    <div id="header">
        <div id="search" style="float:right;width:250px;padding:20px 6px 6px 6px;">
            <form action="/" method="get" id="frmSiteSearch" name="frmSiteSearch">
                <input type="text" id="searchbox" name="keyword" size="20"/>
                <div style="width:22px;height: 19px; float:left;background-color:green;">
                </div>
            </form>
        </div>          
    </div>

and a jsbin here.

I want to make the div with green background to appear right of the text box.

Answer 1

Float the input left :

<input type="text" id="searchbox" name="keyword" size="20" style="float:left;"/>

Example here