Центрировать элемент внутри другого

HTML:
<div class="div1">
<div class="div2">div2</div>
</div>

CSS:
.div1{    
    display: inline-flex;
}
.div2{    
    margin: auto;
}