Float

Especifica si un elemento debe de flotar o no

img {
    float: left;
    margin: 10px 0 0 10px;
}

Clear

• Se utiliza para controlar el comportamiento de los elementos flotantes.
• Especifica de que lado del elemento no es permitido flotar

div {
    float: left;
    width: 200px;
    height: 200px;
    margin: 10px;
    border: 6px solid green;
}

#dato {
    border: 10px solid blue;
    clear: left;
}