displayは要素をブロック要素とインライン要素のどちらとして扱うか、およびその子要素のために使用されるレイアウト、例えば フローレイアウト、グリッド、フレックスなどを設定します。
正式には、 display プロパティは要素の内側と外側の表示種別を設定します。
| <div> | 特に意味を持たない、汎用的なブロック要素 |
| <header> | ヘッダーコンテンツを示すブロック要素 |
| <footer> | フッターコンテンツを示すブロック要素 |
| <main> | メインコンテンツを示すブロック要素 |
| <section> | セクションのまとまりを示すブロック要素 |
| <article> | 投稿コンテンツを示すブロック要素 |
| <h1>〜<h6> | 見出しを示すブロック要素 |
| <form> | フォーム入力エリアを示すブロック要素 |
| <p> | 段落を示すブロック要素 |
| <table> | テーブルのエリアを示すブロック要素 |
参考にしたサイト
https://developer.mozilla.org/ja/docs/Web/CSS/display
