Olá amigos, tive mais um problema que me empacou no CSS.
O problema desta vez é com o alinhamento da minha logo, no que será o cabeçalho desse site.
1 - Como devia ficar
2 - Como fica
No caso, a configuração de alinhamento que desejo é que fique no meio (em altura), porém não funciona, o comando padding, no qual estava usando para tentar este afastamento não funciona. Novamente estou perdido, e sem palpite do erro.
.logo {
padding: 16 px;
}
Caso necessário, esta é a parte do código sobre a logo:
HTML:
<body>
<header class="menu-principal">
<main>
<div class="cabecalho">
<div class="logo">
<img src="https://images2.imgbox.com/d7/9d/56d327vT_o.png" width="80"/>
</div>
CSS:
body {
width: 100%;
height: 100%;
}
.menu-principal {
background-color: #181818;
width: 100%;
height: 60px;
}
main {
margin: 0 auto;
width: 980px;
position: relative;
}
.logo {
padding: 16 px; <!--!!!!!!-->
}
Me ajudem, por favor amigos!