回答編集履歴

  `text-align`プロパティは、コンテンツがその親要素内でどのように整列されるかを指定します。そして、**ブロック要素**に指定した場合はその要素内のコンテンツすべてが、そのように整列します。

 

  ここでコンテンツとは**インライン要素、インラインブロック要素**です。そして、ブロック要素に指定した場合は、そのブロック要素自体の配置には影響を与えません。ブロック要素自体の配置には、FlexBoxを使ってください。