Как я могу вертикально отцентрировать изображение с помощью якоря внутри div?
У меня есть ряд DIV для моей навигации, и я пытаюсь расположить изображение по центру с якорем внутри, используя только CSS. Я попытался выровнять по вертикали: средний; но это не работает Я уверен, что это имеет отношение к float: left, так как все изображения сдвинуты в левую сторону, но когда я вынимаю это, divs сходят с ума.
HTML
<div class="linkgroup">
<img src="images/homeIcon.png">
<li class="navItem"><a href="somelink.com" class="navLink">HOME</a></li>
</div>
</ul>
CSS
.linkgroup{
float: left;
height:5px;
}