Html 在一个div内对齐同一行中的两个项目

我有下面的HTML和CSS。我试着让IMG和按钮在同一行，一个挨着另一个。但它们总是一个接一个地出现

<div class="cartAddingButton">
    <img class="cartIcon" src="../BG/cartIcon1.png">
    <form name="cartAdding" action="../cart/cartAdding.php" method="post">
    <input type="button" value="<?php echo $lang['ADDTOCART']; ?>" class="addToCart" onclick="addtocart(<?php echo $itemId; ?>)" />
    </form>
</div>

---

这是因为按钮位于一个

中，它只是一个。。您可以尝试将窗体的显示值更改为

display:inline块但是请记住，它的宽度将仅与内容一样宽，就像中的元素一样


.cartAddingButton {
text-align: right;
vertical-align: middle;
display: inline-block;

}
.cartIcon {
float: right; }
.addToCart {
float: right; }

form {
display: inline-block;
}