Código CSS:
Ver original.clearfix:before,
.clearfix:after
{
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
Esta es la solución que aparece en boilerplate. La que usas vos sería una mala practica, ya tu código quedaría más limpio aplicando una clase que creando una etiqueta más. A mi parecer :P