请指定如何沿水平轴对齐div。现在，我已经将它们在左侧相邻对齐。
我想水平对齐div。
.d1 {
margin-left: 1rem;
margin-right: 1rem;
font-size: 0;
text-align: justify;
}
.d1::after {
content: '';
font-size: 0;
line-height: 0;
height: 0;
width: 100%;
display: inline-block;
}
.dd {
display: inline-block;
position: relative;
font-size: initial;
}<div class="d1">
<div class="dd">aa</div>
<div class="dd">bb</div>
</div>但是它不能证明div的正确性，并且留下了align。为什么？
<div class="d1">
<div class="dd">aa</div>
<div class="dd">bb</div>
</div>
.d1 {
display: flex;
}
.dd{
margin: 1rem; //to provide space in between
}