CodePen

HTML

            
                <form id="search" action="" method="get">
       <input type="text" name="search" class="sfield" value="search and go"/>
       <input type="submit" value="Search" class="sfield sbutton"/>
	</form>
            
          
!

CSS

            
              input.sfield{
  background-color:#fff;  
  border-color:#cecece;
  border-style:solid;
  border-width:1px 1 1px 1px;
	font-size:0.9em;
	line-height:1em;
	height:26px;
  width:150px;
}

 input.sbutton {
	background-color:#d91515;
  height:inherit;
	border:none;	
	color:#fff;
	position:relative;
	left:-2px;
	
	padding-top:9px;
  padding-bottom:9px;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................