Css 对齐<；部门>；元素并排

我知道这是一个相当简单的问题，但我一辈子都搞不懂。我有两个链接，我已经应用了背景图像。下面是它目前的样子（为阴影道歉，只是一个按钮的草图）：

但是，我希望这两个按钮并排。我真的搞不清楚需要对对齐做什么

这是HTML

<div id="dB"}>
    <a href="http://notareallink.com" title="Download" id="buyButton">Download</a> 
</div>
<div id="gB">
    <a href="#" title="Gallery" onclick="$j('#galleryDiv').toggle('slow');return false;" id="galleryButton">Gallery</a>     
</div>

---

应用<代码>浮动：左你的两个div应该让他们并排站着。

小心

float:left

…保持简单

<div align="center">
<div style="display: inline-block"> <img src="img1.png"> </div>
<div style="display: inline-block"> <img src="img2.png"> </div>
</div>

部分{
显示器：flex；
}
.元素左{
宽度：94%；
}
.要素权利{
柔性生长：1；
}

阅读标题首先想到的是

float:left

@JCOC611:应用

浮点：左

对这两个

div

s都做得很好。你能发表你的评论作为回答吗？谢谢第二个是

显示：内联块但是它不太受支持…float:left在容器中可以工作，但是我会尝试使用两个标签而不是s作为按钮；到#buyButton和#galleryButton，然后添加另一个带有clear的元素：两者；清除漂浮物。为什么要使用div（块元素）来包装？是的，但我听说使用
内联块
有一些兼容性问题。此外，与
float
相比，使用它有什么好处？是的，
内联块
较新，因此您的Target浏览器可能还不支持它（尽管有许多特定于浏览器的属性和解决方法）。其优点是包含元素将包裹元素；使用
float
时，必须将css添加到父元素。注意：使用
inline block
可能会导致某些元素未对齐。我通过确保每个元素有相同数量的文本行来解决这个问题需要去那里的某个地方吗？我从来都不是CSS专家，但当我看到浮动也看到清除时，这看起来很典型。
clear：两者的作用正好相反。“浮动元素后面的元素会绕着它流动。为了避免这种情况，请使用clear属性。”@JCOC611:Ah，所以当你想要瞬时浮动技能时，通常会出现clear属性？有道理。谢谢你的教训。；-）为了“清楚”（我知道这很可怕），如果在对齐的两个div下面有第三个div，您需要使用

。@Tass您只需要这样的第三个div：
。
（不需要br）
<div align="center">
<div style="display: inline-block"> <img src="img1.png"> </div>
<div style="display: inline-block"> <img src="img2.png"> </div>
</div>