css - 两个 div 内联块，第一个水平居中

Question

我有两个 divdisplay: inline-block;以使它们位于同一行，但我想将第一个 div 水平居中并将第二个 div 放在他的右边。像这样的东西：

page text page text page text page text
page text page text page text page text
               -------- --------     
               | div1 | | div2 |
               -------- --------
page text page text page text page text
page text page text page text page text

标签： css

Answer 1

用父 div 包装两个 div 并给text-align:center那个 div

.parent{
text-align:center;
}
.a,.b {
display:inline-block;
border:1px solid;
}

<div class="parent">
<div class="a">First Div</div>
<div class="b">Second Div</div>
</div>