Как поставить 3 блока в ряд

[monopo]

Делаю меню. должно получиться как на первой картинке. Фон белый, на нем слева изображение правее надписи. Получается надписи делать только ниже изображения, либо справа как и нужно, но тогда фон пропадает. Подскажите пожалуйста как делать.

HTML:

Скрытый текст

<div class="top">
	<div class="img">
		    <img src="monopo.jpg" width="100"/> 
	</div>
	   
	<div class="info">
		    Главная
	</div>
	   
	<div class="info">
		    Контакты
	</div>
</div>

 

CSS:

.top {
	background-color: #FFFFFF;     
	padding: 10px;
}
.info {
	margin-left: 20%;
	font-size: 20px;
}

Edited September 28, 2018 by klierik

[klierik]

Как вариант вот так: