Как центрировать div в другом div?

Question

div1 находится в центре экрана, и я хочу div2 в центре див1

<div id="div1"> 
     <div id="div2"></div> 
    </div> 

CSS:

#div1{ 
    top:0; 
    left:0; 
    right:0; 
    bottom:0; 
    margin:auto; 
    position:fixed; 
    width:595px; 
    height:842px; 
    background-color:#F0F0F0; 
} 

#div2{ 

} 

Answer 1

<style> 
#div1{ 
top:0; 
left:0; 
right:0; 
bottom:0; 
margin:auto; 
position:fixed; 
width:595px; 
height:842px; 
display:table; 
} 

#div2{ 
display:table-cell; 
vertical-align: middle; 
margin:auto; 
background-color:red; 
position:relative; 
} 

</style> 
<div id="div1"> 
    <div id="div2">content</div> 
</div> 

JS скрипку здесь https://jsfiddle.net/GlynneT/06uzt7xx/