我有两个按钮,我想把它们放在一起。我该怎么做?每次按钮在另一个下面。代码如下:
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>
以及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>
提前谢谢!
最佳答案
首先-你的HTML部分有点混乱:
<div><a><input/></div></a>
<div><a><input/></div></a>
你应该有:
<div><a><input/></a></div>
<div><a><input/></a></div>
第二步-如果你想点击按钮,为什么不使用
<button>
标签而不是<a><input></a>
?还有决赛。尝试将此样式添加到div中:
float: right;
但您需要在这之后添加一些
clear
项。例如:<br class="clearFloat">
和css
.clearFloat { clear: both; }