<div id="wrapper">
    <header>
        <form name="search" action="#" method="get">
            <input type="text" name="q" placeholder="Search"><button type="submit" id="search">GO</button>
        </form>
    </header>
</div>

<style>
#wrapper {
    max-width: 960px;
    margin: auto;
}

header {
    padding: 20px 0;
}

form[name="search"] {
    float: right;
}

input[name="q"] {
    width: 146px;
    height: 28px;
    border: #e7e7e7 solid 1px;
    background: #f3f3f3;
    border-right: none;
    font: 12px 'Tahoma', sans-serif;
    padding-left: 10px;
    color: #8f8f8f;
}

button[id="search"] {
    width: 42px;
    height: 32px;
    border: none;
    background-color: #29c5e6;
    color: #FFFFFF;
}
</style>