我不能把一个按钮放在div旁边

时间:2015-06-30 21:03:35

标签: javascript html css

我打算用一个带有5个或4个无用按钮的div旁边的侧边栏,但我无法将最佳网站按钮垂直放在按钮旁边,我不知道该怎么办。我尝试过很多东西,但都没有。

* {
  font-family: Rockwell;
}
#go {
  border: 1px solid #000000;
  border-radius: 50px;
  background-color: #aacc33;
  width: 50px;
  height: 50px;
}
#fack {
  width: 120px;
  height: 40px;
}
#fon {
  text-align: center;
  vertical-align: middle;
  line-height: 40px;
  display: table-cell;
  padding-left: 9px;
}
.menu {
  display: inline-block;
  background-color: #9ce6ff;
  border: 2px solid #000000;
  border-radius: 16px;
}
<div id="fack" class="menu">
  <h3 id="fon">The Button</h3>
</div>
<a href="http://animatedpizzagifs.com">
  <button id="best" class="menu">Best site</button>
</a>
<p>Press it:
  <button id="go" onclick="alert(42)"><strong>Go!</strong>
  </button>
</p>

1 个答案:

答案 0 :(得分:2)

只需使用您使用的vertical-align: middle;属性与其他按钮对齐即可。您可以在此fiddle中看到它。