Html 一个类，宽度问题。高度和边距

我正在尝试创建没有使用CSS3按钮的按钮。浮动、高度和宽度不起作用

a.reply {
    padding: 20px;
    background-color: #555;
    border-radius: 4px;
    margin-top: 10px;
    width: 100px;
    height: 50px;
}

a:hover.reply {
    padding: 20px;
    background-color: #fff;
    border-radius: 4px;
    width: 100px;
    height: 50px;
}

使用内联块

a.reply {
display: inline-block;
padding: 20px;
background-color: #555;
border-radius: 4px;
margin-top: 10px;
width: 100px;
height: 50px;
}

宽度、高度和边距只能用于具有尺寸标注的图元（也称为块级图元）

因此，您需要将display:block或display:inline块特性添加到

要使它们彼此相邻，可以做两件事：注意，我修复了代码中的一些CSS问题

浮动：

显示内联块

a.reply {
display: inline-block;
padding: 20px;
background-color: #555;
border-radius: 4px;
margin-top: 10px;
width: 100px;
height: 50px;
}

---

问题可能出在您的HTML中，请确保它看起来像这样：

<a class="reply">yes</a>
<a class="reply">yes</a>

似乎效果不错：

而且

---

另外，我在css中没有看到对浮点的引用。如果您确实使用了浮点，请确保正确地清除它们。

您能提供一些HTML和小提琴吗？至少需要一个href属性才能在FireFox中识别example@Mark，它应该仍然有效。如果没有href，它将成为占位符超链接。请在FireFox中检查你的小提琴，你会看到链接没有这样的行为，这意味着鼠标上没有指针。@马克，它们在其他浏览器中做同样的事情，不仅仅是FireFox。我只是漏掉了href。谢谢你。

<p>
  <a href="#" class="reply">foo</a>
  <a href="#" class="reply">bar</a>
</p>

a.reply {
  padding: 20px;
  background-color: #555;
  border-radius: 4px;
  margin-top: 10px;
  width: 100px;
  height: 50px;
  display: inline-block;
  margin-right: 15px;
}

a.reply:hover {
  background-color: #fff;
}

<a class="reply">yes</a>
<a class="reply">yes</a>