Place button to left Bottom with hover - 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

Place button to left Bottom with hover

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

.btn:hover {<!--from  ww  w .ja  v  a 2s .co  m-->
   box-shadow: 0 0 0 2px #b1b3b4;
}


      </style> 
 </head> 
 <body> 
  <div style="overflow: auto; border: 1px solid black;"> 
   <div style="width: 110%; height: 20px;">
    this is a test this is a test this is a test this is a test this is a test 
    this is a test this is a test this is a test this is a test this is a test 
    this is a test this is a test this is a test this is a test this is a test 
    this is a test this is a test this is a test this is a test this is a test 
    this is a test this is a test this is a test this is a test this is a test 
    
   </div> 
   <span> <button class="btn">Hover Me</button> </span> 
  </div>  
 </body>
</html>

Related Tutorials