インライン要素(display: inline)の中央寄せ

<a> <span> <strong> <label> など (※初期値がdisplay: inline)

①設定なし
②親要素にtext-align:center
③親要素にtext-align:center　
④親要素にdisplay:flex　※flex-direction: rowの場合(※初期値)
　　　　　justify-content:center

ブロック要素(display: block)の中央寄せ

<div> <p> <h1～h6> <ul> <ol> <li> <table> <form> <section> <article> <nav> など
(※初期値がdisplay: block)

①設定なし
②自分自身にmargin: 0 auto
③自分自身にmargin: 0 auto　
④親要素にdisplay:flex　※flex-direction: rowの場合(※初期値)
　　　　　justify-content:center

<button> <input> <textarea> <img> など(※初期値がdisplay: inline-block)

①設定なし
②親要素にtext-align:center
③親要素にtext-align:center　
④親要素にdisplay:flex　※flex-direction: rowの場合(※初期値)
　　　　　justify-content:center