中央寄せ with text-align gist html <div class="container"> <div class="content"> <h2> 果物リスト</h2> <ul> <li>りんご</li> <li>ばなな</li> <li>みかん</li> <li>ぶどう</li> </ul> </div> </div> css .container { display: block; text-align: center; } .content { display: inline-block; } NOTE: text-align: inlineに対してのみ有効

よく忘れるのでメモ。 どちらもfont-sizeを表す。 単位 説明 1 em 要素のfont-size 1 rem root要素のfont-size 要素の font-size が 10pxのとき 単位 サイズ[px] 1 em 10px 2 em 20px 3 em 30px 参照 ルート要素 (= html要素) developer.mozilla.org