How to align absolutely positioned element to center?

Question

I am trying to stack two canvas together and make it a double layers canvas.

I\'ve saw an example here:

 &l         


        
      

Answer 1

Move the parent div to the middle with

left: 50%;
top: 50%;
margin-left: -50px;

Move the second layer over the other with

position: relative;
left: -100px;