Esta minha div não fica no meio da tela, esta errado o estilo CSS ?
<div style="position:absolute;margin:auto;">
<img src="assets/img/PHP.png"/>
</div>
Esta minha div não fica no meio da tela, esta errado o estilo CSS ?
<div style="position:absolute;margin:auto;">
<img src="assets/img/PHP.png"/>
</div>
.div{
width: 200px;
height: 100px;
background: black;
margin: 0 auto;
}
<div class="div">
<img src="test.jpg">
</div>
Segue um exemplo..
Depois de ler os comentarios a cima, segue a edição
.div{
width: 100px;
height: 100px;
background: black;
position: absolute;
left: 50%;
margin-left: -50px;
}
<div class="div">
</div>
Exemplo atualizado
.div{
width: 100px;
height: 100px;
position: absolute;
left: 50%;
margin-left: -50px;
bottom: 30px;
z-index: 99999999
}
footer{
width: 100%;
height: 50px;
background: black;
margin-top: 200px;
bottom: 0;
position: absolute;
}
<div class="div">
<img src="https://forum.imasters.com.br/uploads/monthly_2017_02/mascote.png">
</div>
<footer>
</footer>