CSS: How to use transform for precise locations

Question

I am confused as to what using transform will do to different object if I wanted to move them both to the same exact spot. If I wanted to pin the li