Button fit in to space left by textarea elements - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button text

  1. HOME
  2. HTML CSS
  3. CSS Form
  4. input button text

Description

Button fit in to space left by textarea elements

Demo Code

ResultView the demo in separate window 

<html>
 <head> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
 </head> <!--from   w  w  w  .  j a va 2 s  . co  m-->
 <body style="height : 100%; margin: 0;"> 
  <span style="height : 100%; margin: 0;"> <textarea id="chatbox" readonly="true" style="width : 100%; height : 90%; display : block; margin : 0; border : 0;"></textarea> <textarea id="input" style="width : 93%; height : 10%; border : 1%; display : inline-block; resize : none; vertical-align: bottom;"></textarea> <button id="submit" style="width : 5%; height : 10%; display:inline-block;">Submit</button> </span>  
 </body>
</html>

Related Tutorials