flex布局实现div内容垂直居中

实现内容垂直居中

<div class="flex">
    <div>
       <p>公司名称</p>
       <p>2021.9.15</p>
    </div>
</div>

.flex{
    /*flex 布局*/
    display: flex;
    /*实现垂直居中*/
    align-items: center;
    /*实现水平居中*/
    justify-content: center;
    text-align: justify;
}

效果图