simple vertical-align with position

[cataiin]

hello guys!

I want to have something like this:

///////////////////////// ///IMG////////////IMG/// ////////////////////////

Until now, I use this:
.top {
background-color: red;
line-height: 0px;
}
.top .logo {
margin-left: 10%;
}
.top .menu {
position: absolute;
right: 0px;
margin-right: 10%;
}
with:
<div class="top">
<img src="http://placehold.it/205x39" class="logo"/>
<img src="http://placehold.it/16x16" class="menu"/>
</div>

CodePen: http://codepen.io/anon/pen/JpvkF How I can verticaly align “menu” image? Except margin-top if it’s possible. Thanks.

[Vishad]

I saw your problem, i have some solution to it . hope it might useful to you

.top {
    background-color: red;
    line-height:0px;
}
.top .logo {
    margin-left: 10%;
  vertical-align:middle;
}
.top .menu {
  vertical-align:middle;
  margin-left:60%;

}

[cataiin]

It’s ok, thank you.
But why margin-left (not right?) and why 60? Is not the same position now…

[Author]

Posts