我有两个按钮,我想把它们放在一起。我该怎么做?每次按钮在另一个下面。代码如下:
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; }

10-05 20:58
查看更多