多个div并排居中显示

需要多个div并排居中显示，这里我将两个方法

1. 使用flex

HTML

<div class="div0">
   <div class="div1">asdasd</div>
   <div class="div2">asdasd</div>
</div>

CSS

.div0 {
  display:flex;
  justify-content:center;
}

注意事项：

2. 使用inline-block

HTML

<div class="div0">
   <div class="div1">asdasd</div>
   <div class="div2">asdasd</div>
</div>

CSS

.div0{
  text-align: center;
}
.div1, .div2{
  width: 200px;
  height: 100px;
  background: red;
  display: inline-block;
}

注意事项：