设置两个并排的div并居中

以下是设置两个并排的div并居中的代码示例：

<div class="container">
  <div class="box1">阿萨德飞</div>
  <div class="box2">大财主</div>
</div>

<style>
  .container {
    text-align: center; /* 设置父元素文本居中 */
  }
  .box1, .box2 {
    display: inline-block; /* 将两个div设置为行内块元素 */
    width: 100px; /* 设置div的宽度 */
    height: 50px; /* 设置div的高度 */
    background-color: #ccc; /* 设置div的背景颜色 */
  }
</style>

在上述代码中，我们首先创建了一个父元素`container`，并将其文本居中。然后，我们创建了两个子元素`box1`和`box2`，并将它们设置为行内块元素，这样它们就可以并排显示了。最后，我们设置了`box1`和`box2`的宽度、高度和背景颜色，以便更好地展示效果。