Как объединить Логотип и текст

[Sonya123456789]

Хочу чтобы Логотип стоял с лева а текст справа НА ОДНОМ УРОВНЕ а так у меня логотип стоит слева-сверху а текст с права снизу.
HTML!

<heder>
<div class="conteiner">	
<img src="img/logo.png" alt="" class="logo"> /*Логотип*/
	<nav>
		<ul class="wraper">
			<li>
				<a href="#">Новости</a>
			</li>

			<li>
				<a href="#">Магазин</a>
			</li>

			<li>
				<a href="#">Правила</a>
			</li>

			<li>
				<a href="#">Группа VK</a>
			</li>

			<li>
				<a href="#">Форум</a>
			</li>

			<li>
				<a href="#">Регистрация</a>
			</li>			
	
			<li>
				<a href="#">Авторизация</a>
			</li>
</ul>
</nav>
</div>
	</header>

Пожалуйста, оформляйте Ваш код согласно правилам.

CSS!

body{
margin: 0;
padding: 0;
}

div{
	box-sizing: border-box;
}

header{
background: url(../img/fon.png);
width: auto;
}

.conteiner{
width: 930;
margin: auto;


}


.logo{
padding: 0;
margin: 0;	


  margin-left: 145px;
  margin-top: 45px;
  
	}





nav{
display: flex;
justify-content: flex-end;


}

.wraper li {

color: #fff;
display: block;

padding: 6px;

}

li a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;


}


.wraper{

padding: 0;
margin: 0;

  margin-right: 145px;
  border: 1px solid #fff;


  display: flex;
 flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  


}