Div 内の子要素を垂直方向の中央に配置するにはどうすればよいですか?

要素を <div> 内で垂直方向に中央揃えします。要素

Web ページ内で要素を配置する場合、要素をウィンドウに対して配置するか、親コンテナに対して配置するかの違いを理解することが重要です。左使用中：50％。要素をウィンドウ全体の中央に配置し、直接の親 <div> 内で要素を位置合わせします。

1. <div> 内で垂直方向の中央揃えを実現するには、次の手順に従います。
2. text-align:center; を追加します。親 <div> にコピーします。これにより、すべての子要素が水平方向に中央に揃えられるようになります。

   子要素を垂直方向に中央揃えにするには、margin:auto; を適用します。これにより、要素の上下の余白を自動的に調整して残りのスペースを均等に配分するようブラウザに指示します。

   <div>

   #parent {
     text-align: center;
   }
   
   #child {
     margin: auto;
   }

   これを示す HTML および CSS コードの例:
   この例では、子要素は親 <div> 内で水平方向と垂直方向の両方の中央に配置されます。