como faço para que a imagem e o link abaixo fiquem alinhados ao centro verticalmente?
A imagem e o link em linha, e essa linha, alinhada verticalmente ao centro (middle) em relação à div login
Tentei de 2 formas:
1)
.login {
display: block;
width: 100%;
height:50px;
border:#E9E9E9 3px solid;
position:relative;
}
.login img, .login a {
display:inline-block;
vertical-align:middle;
}
</style>
<div class="login">
<img src="_img/_iconesLoja/email.png" /> <a href="minhaConta.php">Minha Conta</a>
</div>
2)
<style>
.login {
display: block;
width: 100%;
height:50px;
border:#E9E9E9 3px solid;
position:relative;
}
.login .lg {
display: block;
vertical-align:middle;
height:30px;
}
.login .lg img, .login .lg a {
display:inline-block;
vertical-align:middle;
}
</style>
<div class="login">
<div class="lg">
<img src="_img/_iconesLoja/email.png" /> <a href="minhaConta.php">Minha Conta</a>
</div>
</div>
Nenhum dos 2 deu certo?