Centralizar horizontal e vertical uma div dentro de outro elemento CSS

<html>
<body>
<style>  
        #divFora{width:200px;height:200px;border: 1px solid;position: relative}
        #divDentro{
         position: absolute;  
         top: 50%;  
         transform: translateY(-50%);  
         right: 0;  
         left: 0;  
         margin: 2px;
        word-wrap: break-word;
        border: 1px solid red;
        }
    </style>  

 <div id="divFora">
    <div id="divDentro">Conteúdo da div dentro</div>
 </div>
</body>
</html>

0 comentários:

Postar um comentário