center me!
.wrapper { height: 300px; display: flex; align-items: center; justify-content: center; }
<div class="wrapper"> <div class="box">center me!</div> </div>