Consulta sobre etiquetas y css

[skyspablo]

Buenas tardes, tengo una duda..

Hay veces que existe la necesidad de usar algunos estilos clear:both; o el que fuera para mantener en orden la extructura de la web.

Y se me ocurrio definir una nueva etiqueta para que haga ese trabajo.

En mi HTML pongo:

Código HTML:

<div class="lista">
        <img src="img/tdc.png"> 
        <p>Hola!</p>
        
    <clearing />
</div>
 

y en mi css uso:

Código CSS:

.lista{
    width:90%;
    margin:20px auto 0 auto; padding:15px 30px;
    background:#FFF;
}
.lista img{
    float:left;
    margin-right:30px;
}
clearing{
    clear:both;
    display:block;
}
 

Lo que hago es definir al clearing como una etiqueta y esta se comporta como quiero en el resultado final. es decir todo a la perfección.

Pero me gustaría saber si es bueno hacer eso, es decir. los estándares, las buenas practicas y blablabla.. que hablan sobre eso?

Se que existen otras alternativas para limpiar los floats pero me gustaría consultar sobre esta tecnica especifica si esta bien usarla.

Saludos!