Solucionado
Executei o codigo e nao deu certo:
html:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="reset.css">
<link rel="stylesheet" href="site1.css">
</head>
<body>
<p class="a">1</p>
<p class="b">2</p>
<p class="c">3</p>
<p class="d">4</p>
<p class="e">5</p>
</body>
</html>css:
.a{
float: left;
}
.b{
}
.c{
float: right;
}
.d{
float: left;
}
.e{
}colocando left no 4 o resultado da:
12 3
4 5
Porque?
Você removeu também o clear:both do elemento 5, precisa deixar ele lá, além disto, seu elemento 3 não está com float right como o da imagem do exercício.
p{
width: 50px;
height:50px;
}
.a{
background-color:red;
float: left;
}
.b{
background-color:blue;
float:left;
}
.c{
background-color:black;
float: right;
}
.d{
background-color:green;
float:left;
}
.e{
clear:both;
background-color:yellow;
}