上下左右中央寄せ(CSS)

1. このページの目的

上下左右中央寄せ(CSS)の実験。

2. デモその1

demo1

CSS

.demo1 {
  display: flex;
  justify-content: center;
  align-items: center;
}

3. デモその2

demo2

CSS

.demo2 {
  display: grid;
  place-content: center;
}

4. 参考