以多个图像/元素为中心的CSS

我想将以下两个按钮并排居中，而不是放在另一个按钮下面。这是

你能告诉我最好的处理方法吗？非常感谢您的帮助。

试验
试验
div{文本对齐：居中；}
a、 钮扣{
显示：内联块；
填充：3px10px 3px10px；
宽度：50px；
左边距：自动；
右边距：自动；
文本对齐：居中；
颜色：#636363；
文字装饰：无；
边框顶部：实心1px#ccc；
左边框：实心1px#ccc；
边框底部：实心1px#ccc；
右边框：实心1px#ccc；
}
a、 按钮：悬停{
颜色：#179FD9；
}

Define显示：内联块到您的

锚定标记

&Define文本对齐：居中到它的

父项

。这样写：

a.button {
     display:inline-block;
     *display:inline;/* For IE7 */
     *zoom:1;/*For IE7*/
     padding: 3px 10px 3px 10px;
     width:50px;
     margin-left:auto;
     margin-right:auto;
     text-align: center;
     color: #636363;
     text-decoration: none;
     border-top: solid 1px #ccc;
     border-left: solid 1px #ccc;
     border-bottom: solid 1px #ccc;
     border-right: solid 1px #ccc;
}

.parent{
    text-align:center;
}

HTML

<div class="parent">
    <a class="button">Test</a>
    <a class="button">Test</a>
</div>

添加一个固定宽度和边距为0的容器


希望它有助于
删除显示：块；将其向左移动，而不使其居中。示例或使其显示：inlineblock；谢谢迪帕克斯。刚试过这个，效果很好。愚蠢地没有想到把它包在一个div里，然后把它放在中间！
<div class="parent">
    <a class="button">Test</a>
    <a class="button">Test</a>
</div>