JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row">

    <div class="span12">
        <img src="soos.png" width="208px" height="72px" />
        <div class="span2">
        </div>
        <div class="span8">
            
            <form action="search.php" method="get"> 
                <input id="name" style="width:90%;height:50px;margin-top:0px" type="text" name="q" class="input-xxlarge" id="q" placeholder="Enter Search Term Here"/>
            </form>
        </div>
    </div>
</div>

CSS

.span8 input {display: block; margin-left: auto; margin-right: auto;}

.span8 button {margin-left:4.8%}

.span12 {text-align: center;}

.span12 img {margin: 20px 0;}