Как я могу вертикально отцентрировать изображение с помощью якоря внутри 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;
    }

Ответы на вопрос(1)

Ваш ответ на вопрос