I am trying to create a div with a 30px heigh having an image and a span inside of it aligned to the same lane.
div {
height: 30px;
width: 80px;
outline: 1px solid black;
}
.image {
height: 16px;
vertical-align: middle;
}
span {
vertical-align: middle;
}
<div>
<img class='image' src="http://s16.postimg.org/uiq5bnwm9/place.png">
<span>Places</span>
</div>