Button with full width of the page inline with the other button - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button layout

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

Description

Button with full width of the page inline with the other button

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">

.btn3 {<!--  w  w w.  ja v  a2  s  .com-->
   width: 80%;
}


      </style> 
 </head> 
 <body> 
  <div class="banner"> 
   <button class="btn1">First button</button> 
   <button class="btn2">Second button</button> 
   <button class="btn3">Third button</button> 
  </div>  
 </body>
</html>

Related Tutorials