nao estou conseguindo colocar as imagens ao lado do h2, elas ficam sempre em baixo da div no lado direito
<header class="menu-principal">
<main>
<div class="header-1">
<div class="logo">
<h2>WANTED</h2>
<div class="">
</div><!--menu principal-->
</div><!--header-1-->
</div><!--logo-->
<div class="redes-sociais">
<ul>
<li>
<a href=""><img src="imagens/instagram.png"></a>
</li>
<li>
<a href=""><img src="imagens/linkedin.png"></a>
</li>
<li>
<a href=""><img src="imagens/twitter.png"></a>
</li>
</ul>
</div>
</main>
</header>
css
*{
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Dela Gothic One', cursive;;
}
body{
width: 100%;
height: 100%;
}
.logo{
color:white;
padding: 13px;
width: 30%;
}
.menu-principal{
background-color: rgb(0, 0, 0);
height: 60px;
width: 100%;
}
main{
width: 980px;
position: relative;
margin: 0 auto;
}
.redes-sociais ul li{
display:inline-block;
width: 20%;
float: right;
}