absoluteで上下左右中央表示する

absoluteで上下中央表示する。
いつも調べてコピペしてるのでこちらでも記録しておくことにする 

position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
参考サイト：https://qiita.com/ushi_osushi/items/d9f0c8990b2e807969d2