Tutorial : Styling a link to look like a Button

Content - Centering Text Link Button

<span class="centerbtn"> <a href="URL" class="blackbtn" title="DESCRIPTION">BUTTON TEXT</a> </span>

Content - Text Link Button

<a href="URL" class="blackbtn" title="DESCRIPTION">BUTTON TEXT</a>

CSS - Content - Centering Text Link Button

/* XOMISSE START CSS FOR CENTERING BUTTON  */
.centerbtn { 
text-align: center;
display: block;
margin: 20px auto; /* will add 20px of space around the button */
}
/* XOMISSE END CSS FOR CENTERING BUTTON  */

CSS - Text Link Button

/* XOMISSE START CSS FOR BUTTON  */
.blackbtn {
background-color: #333; /* adds a background colour to the button */
color: #fff; /* changes the text colour */
cursor: pointer; /* changes the mouse on hover */
padding: 10px 30px; /* adds 10px of space to top and bottom of text and 30px of space on either side */ 
}

.blackbtn:hover {
background-color: #fff; /* adds a background hover colour to the button */
color: #333; /* changes the text colour on hover */
}
/* XOMISSE END CSS FOR BUTTON */