1.child {
2 position: absolute;
3 top: 50%;
4 left: 50%;
5 transform: translate(-50%, -50%);
6}
1.wrapper img {
2 left: 50%;
3 transform: translate(-50%,0);
4 position: absolute;
5 z-index: 1
6}
1.parent{ position: relative;}.child{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
1position: absolute;
2margin-left: auto;
3margin-right: auto;
4left: 0;
5right: 0;
6text-align: center;
1position: absolute;
2margin-left: auto;
3margin-right: auto;
4left: 0;
5right: 0;