I have two buttons and I want to put them next to each other. How could I do it? Everytime a button is under the other. Here's the code:
CSS:
<style type="text/css">
.button_example{
border:1px solid #B7B7B7;
text-align: center;
color: #FFFFFF;
background-color: #D3D3D3;
}
.button_example:hover{
border:1px solid #B7B7B7;
text-align: center;
color: #1f1f1f;
background-color: #ffffff;
}
</style></head>
and the HTML:
<div align="right"><a href="http://www.theamazingmonth.pusku.com/rules.html"><input type="button" class="button_example" value="Rules" /></a></div>
<div align="right"><a href="http://www.theamazingmonth.pusku.com/info.html"><input type="button" class="button_example" value="Info" /></a></div>
Thanks in advance!
<input />
, inside an<a>
tag. Also, remove the surrounding<div>
tag. – Praveen Kumar Purushothaman Jun 2 '13 at 11:46