CodePen

HTML

            
              <div id="searchform">
  <input type="text" class="text" placeholder="Search..." value="" name="s" size="20" id="s" />
  <input class="submit" type="submit" value="Go"/>
</div>
            
          
!

CSS

            
              #searchform {
  border: 2px solid green;
  display: inline-block;
  overflow: hidden; /* thanks to Chrome */
  position: relative;
}

#searchform .text {
  background: red;
  border: none;
  display: block;
  margin: 0 3em 0 0;
  padding: .5em;
  width: 12em;
}

#searchform .submit {
  background: blue;
  border: none;
  cursor: pointer;
  padding: .5em;
  position: absolute;
  right: 0;
  top: -2px; /* Chrome's Magic Number */
  bottom: -2px; /* Chrome's Magic Number */
  width: 3em;
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

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