Centre link with background - HTML CSS CSS Property

HTML CSS examples for CSS Property:background

  1. HOME
  2. HTML CSS
  3. CSS Property
  4. background

Description

Centre link with background

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

.btnWpr<!-- w  w w.  ja v  a  2s  .c  o  m-->
{
   text-align:center;
}
.green-button {
   background: none repeat scroll 0 0 blue;
   border-bottom: 1px solid red;
   color: blue;
   display:inline-block;
}
.two {
   margin: auto;
   display: block;
}


      </style> 
 </head> 
 <body> 
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p> 
  <div class="btnWpr"> 
   <a class="green-button" href="#">Download</a> 
  </div> 
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p> 
  <a class="green-button two" href="#">Download</a> 
  <p>Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text Here is some text </p>  
 </body>
</html>

Related Tutorials