并排对齐<div>元素
我知道这是一个相当简单的问题,但我无法一生解决。我有两个链接,这些链接已应用了背景图片。这是当前的样子(对阴影表示歉意,只是按钮的粗略草图): 但是,我希望这两个按钮可以并排放置。我真的无法弄清楚对齐需要做什么。 这是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> 这是CSS #buyButton { background: url("assets/buy.png") 0 0 no-repeat; display:block; height:80px; width:232px; text-indent:-9999px; } #buyButton:hover{ width: 232px; height: 80px; background-position: -232px 0; } #buyButton:active { width: 232px; height: 80px; background-position: -464px 0; …