translateX and translateY are another way to move things about horizontally or vertically in CSS

This has this example of the horizontal shift which moves a div ten pixels rightward:

.moved {
   transform: translateX(10px);
   background-color: pink;
}

 
 

This has some stuff for translateY.