Как во flex контейнере отцентровать отдельный блок по вертикали

Необходимо именно отдельный блок расположить по центру. Почему container-small не располагается по центру?

<div class="container">
<div class="container-small">
</div>
</div>
<style>
.container {
display: flex;
padding: 0px;
background:black;
width: 100%;
margin-top: 20px;
}
.container-small {
background:white;
height: 40px;
width: 40px;
justify-self: center;
}