Gostaria de saber por que a div redes-sociais saem da div "menu"
sempre que utilizo o float
para imagens irem para o lado direito.
html:
<header id = "topo">
<div class = "menu">
<div class = "nome-empresa">
<img src = "Dev.png">
</div>
<div class = "redes-sociais">
<ul>
<li>
<a href = "#"><img src = "link.png" alt= "linkedin" width="30"></a>
</li>
<li>
<a href = "#"><img src = "link.png" alt= "linkedin" width="30"></a>
</li>
<li>
<a href = "#"><img src = "link.png" alt= "linkedin" width="30"></a>
</li>
</ul>
</div>
</div>
</header>
</body>
css:
#topo {
background-color: #000000;
margin: auto;
}
.nome-empresa {
padding-left: 40px;
padding-top: 5px;
padding-right: 80%;
}
.redes-sociais {
float:right;
}
ul li {
list-style: none;
display: inline-block;
}