logo一样的块上下左右居中的文字显示

今天分享一个display:flex的用法，需要上下左右剧中的特效：

<div class="logobox" style="color:#fff; text-align: center; height: 80px; font-size: 20px; background: #0062b2; display: flex;justify-content: center;align-items: center;" >LOGO</div>

其中（关键）：

display: flex;
justify-content: center;
align-items: center;

以此特做纪念。