divのコンテンツの垂直センタリング方法

HTML

<DIV CLASS = "フレックス">
    <div>
      <P>サメの王</ P>
      <P>サメの王</ P>
    </ div>
</ div> 

複数行のテキストが他の行に表示され、サブディビジョンに書き込まれます

CSS

 

。フレックス{
    / *フレックス*レイアウト/
    表示：フレックス。
    / *垂直センタリング* /
    ALIGN-アイテム：センター;
    / *実現が水平方向にセンタリングされます* /
    正当化 - コンテンツ：センター;
    
    テキスト整列：正当化。
    幅：200pxの。
    高さ：200pxの。
    背景：＃000;
    マージン：0自動;
    色：#FFF;
}