HTML CSS examples for CSS Form:input
Style input element to fill remaining width of its container
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> form {<!-- w w w .j av a2 s .co m--> width:501px; overflow:hidden; background-color:Chartreuse; } input { width:100% } span { display:block; overflow:hidden; padding-right:11px; } button { float:right; } </style> </head> <body> <form method="post"> <button>Lorem </button> <span> <input type="text" title="Search"> </span> </form> </body> </html>