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

Question

我有两个div display: 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

Answer 1

用div div包裹div并将text-align:center赋予该div

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;