Big Green Button with multiline text from anchor element - 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

Big Green Button with multiline text from anchor element

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

.bigGreenButton a{
   display: inline-block;
   font-family:'TradeGothic LT CondEighteen';
   font-size:18px;
   background-color:#60a74a;
   color:white;
   font-weight:bold;
   padding-bottom:10px;
   padding-top:10px;
   padding-left:25px;
   padding-right:25px;
   text-transform:uppercase;
   text-decoration:none;<!-- w  ww . j a va  2  s. c  om-->
   height:auto;
   width:auto;
   text-align:center;
}
.bigGreenButton a:hover {
   background-color:#cccccc;
}
button {
   text-align: center;
   padding: 0px 0px 0px 0px;
   border: none;
}


      </style> 
 </head> 
 <body> 
  <div class="bigGreenButton"> 
   <a href="/Liquor/specialorder/supplier-info"> Submit a special order request <br> for information ? </a> 
  </div>  
 </body>
</html>

Related Tutorials