如何在HTML中并排设置按钮

这是CSS

.button2  {
    appearance: button;
    -moz-appearance: button;
    -webkit-appearance: button;
    color: ButtonText;
    display: inline-block; 
    padding: 2px 8px;
}

这是我试图并排设置按钮的代码

<div class="container-button">
    <a href="#" class="button2">Order Now</a>
    <a href="#" class="button2">More Information</a>
</div>

---

您的按钮已并排对齐。 选中“显示”属性@

---

请向JSFIDLE展示他们并排在一起……在这个JSFIDLE中，他们与您的代码并排在一起……在JSFIDLE中这很好。但是，当我试图在我的项目中执行它时，它不起作用。如果您有一些选择，请给我们一个项目代码的JSFIDLE，或者尝试在chrome中使用inspect元素来查看哪里出了问题。。因为你给我们的代码没有问题。。。它应该在代码的另一部分中。。