Gente criei esse código abaixo para simular o mesmo problema em um site que estou desenvolvendo para praticar meu html e css. Tenho dois elemento que flutuam para esquerda e um para a direita mas quando limpo o float do segundo elemento o terceiro elemento(direita) é empurrado para baixo. como resolvo isso? html:
<div class="primeiro"></div>
<div class="segundo"></div>
<div class="terceiro"></div>
**css:**
div{
width: 20px;
height: 20px;
background: pink;
border: 2px solid black;
}
.primeiro{
float: left;
}
.segundo{
float: left;
clear: left;
}
.terceiro{
float: right;
}