html - 在父 div 中居中 div 标签

Question

我在一个父 div 中有两个 div 标签。我想在同一行中显示两个 div 并居中。以下是 html 代码。

<div id="parent">
    <div id="addEditBtn" style="display:inline-block; vertical-align: middle; width:20px; cursor:pointer;" class="ui-state-default ui-corner-all"> <span class="ui-icon ui-icon-pencil"></span></div>

    <div id="deleteBtn" style="display:inline-block; vertical-align: middle; width:20px; cursor:pointer;" class="ui-state-default ui-corner-all"> <span class="ui-icon ui-icon-trash"></span></div>
</div>

我尝试使用“display:inline-block; vertical-align: middle;”但它越来越左对齐。请帮助我将父 div 中的 div 标签居中。

Answer 1

请添加CSS

    #addEditBtn,#deleteBtn {
    display:table;
margin:0 auto;
width:48%;
    }