Tenho um menu em que posiona a logomarca do site da seguinte forma:
html:
<a href="#">
<img src="layout/img/logo.png" class="logo" />
</a>
css:
header div a img.logo{
top:50%;
transform:translateY(-50%);
position:relative;
float:left;
}
Porem, essa forma de posiciona-la não funciona corretamente em todos os navegadores, e antes de eu decidir usar esse método de posicionamento, eu queria posicionar usando vertical-align
. É possível?