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="sbutton"/>
	</form>
            
          
!

↑ Insert the most common viewport meta tag

CSS

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

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

JS

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