position: absoluteの使い方

あとz-indexも追加して使った

最後の2行って絶対必要なのかな？

【css】要素をposition:absoluteで中央に配置する最新の方法(上下左右、上下、左右) | WEBクリエイターの部屋

.box{

    position: relative;

}

.box p{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

}