子要素を親要素の中央に設置する方法【CSS】

子要素を親要素の上下左右で中央寄せする方法【CSS】

参考リンク：子要素を親要素内で上下左右中央寄せさせる方法

css

.parent{
  position: relative;
}

.child{
  position:absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

こうすることで親要素の中にある子要素を親要素の中央に設置することができた。