Add a line break between buttons in css/html - HTML CSS CSS Form

HTML CSS examples for CSS Form:input button style

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

Description

Add a line break between buttons in css/html

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

ul.child li {
   width: 200px;
   list-style: none;
   padding: 10px 20px;
   margin-bottom: 10px;
   color: #FFF;
   border-radius: 4px;
}

.red {<!--from www.j ava  2 s .com-->
   background-color: #BB1111;
   border-bottom: 3px solid #881111;
}

.green {
   background-color: #11BB11;
   border-bottom: 3px solid #118811;
}

      </style> 
 </head> 
 <body> 
  <ul class="child"> 
     <li class="green color-dark child active" > <span >Current coverage</span> </li> 
     <li class="red color-dark child" > <span >Coverage history</span> </li> 
   </ul>  
 </body>
</html>

Related Tutorials