Bom dia. Porque a marcação no CSS do atributo clear: left foi registrado na classe titulo-principal e não na classe .utensilios que trata diretamente da imagem em questão? Achei confuso e não entendi o motivo pelo qual o comando clear left foi imputado em outra marcação. Seria possível deixar clear left na classe utensilios?
.utensilios{
width: 120px;
float: left;
margin: 0 20px 20px 0;
}
.titulo-principal {
text-align: center;
font-size: em;
margin: 0 0 1em;
clear: left;
}