Tenho uma página e login para desenvolver e há um logo bem no centro da página. Ok, centralizei da seguinte forma:
bg{
background-image: url("../imagens/bg.jpg");
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 1138px;
}
.logo {
background-image: url("../imagens/logo.png");
width: 140px;
height: 101px;
margin-left: -70px;
left: 50%;
position: absolute;
}
Coloquei um position:absolute
e gostaria de saber se há outra forma, pois, caso contrário, tudo que vier abaixo dessa div .logo
terei que colocar position e não quero isso.
HTML:
<div class="bg">
<div class="logo"></div>
</div>
Imagem demonstrativa:
position
, pois tenho que ficar definindotop
de cada elemento.