Пожалуйста помогите

Здравствуйте,начал заниматься этим всем недавно так что не ругайтесь =)
Как сделать так что бы с права от синего прямоугольника был текст,он у меня почему то сползает вниз.Что делать ?

<html>
	<title>Текст</title>
	<meta charset="utf-8">
	<link rel="stylesheet" href="mains.css">
<head>
	<body>
<header>
	<div id="header">
		<a href="#">
			<img src="image/logo2.png" alt="Fhoto">
		</a>	
	</div>
	<div id="call"> Текст </div>
	
</header>
	</body>
</html>

#header{
	width:100%;
	height: 150px;
	margin:0 auto;
	
	/*border: 1px solid red;*/
}
#image-logo{
	margin-left:-10px;
	margin-top:-25px;
	margin:1px;
	
	
}

смотрите тему Сетки ( https://htmlacademy.ru/courses/65 ), в ней как раз разбирается размещение объектов в несколько колонок

Спасибо :wink: