Put input submit on same line as input box - HTML CSS CSS Form

HTML CSS examples for CSS Form:input submit

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input submit

Description

Put input submit on same line as input box

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <style id="compiled-css" type="text/css">
field {<!-- w  ww  . j  a v a 2s .c  om-->
   font-family:arial, sans-serif;
   border-color:Chartreuse;
   border-top:2px solid yellow;
}

input.field {
   width:100%;
}

.fieldwrapper {
   white-space:nowrap;
}
</style> 
 </head> 
 <body> 
  <div class="fieldwrapper"> 
   <input id="Postcode" class="field r2" placeholder="Town, City or Postcode" name="Postcode" type="text" value=""> 
   <input type="submit" id="findbutton" value="Find"> 
  </div>  
 </body>
</html>

Related Tutorials