上下左右の中央寄せ【HTML、CSS】
※自分用の備忘録です
使用する機会は多いけれど、忘れがちな上下左右のセンタリングのやり方をメモしておきます。
positionで指定する場合.container { position: relative;}.box { position: absolute; left: 50%; top: 50%; right: -50%; transform: translate(-50%, -50%);}
親要素に「position: relative;」、子要素に「p