Why magin:auto is not enough to center position absolute or fixed?

Question

I am trying to center the contents of a div, my parent container is set to Relative.

I am using this on the inner div

    position: absolute;
    mar         


        

Answer 1

The fix is absolute centering. You were almost there:

position: absolute;
margin: auto;
top: 0;
left: 0;
right: 0;
bottom: 0;

You need to set all four directions to 0 and your child div will be perfectly centered within the parent.