¿Cuál es el elemento HTML5 más adecuado para "limpiar: ambos"; ¿Propósitos?

Question

tengo:

<section> 
    <ul> 
     <li>....</li> 
     <li>....</li> 
     <li>....</li> 
     .. 
    </ul> 
</section> 

Quiero que el <li> a flotar a la izquierda y al final de éstos <li>, justo después de la </ul>, tengo que poner un elemento tan clear: both; el fin de mantener section s la integridad del bloque .

¿Qué elemento html5 sería el más adecuado para este fin? ¿Debo elegir un invisible hr? a div?

Gracias.

Answer 1

Ninguna, utilice el truco overflow: hidden donde corresponda.

Si eso no es adecuado, use un pseudo elemento. Por ejemplo, puede usar ...

ul:after { 
    content: ""; 
    clear: both; 
    display: block; 
} 

Answer 2

Puede usar el método .clearfix para esto. Escriba de esta manera:

ul:after{ 
content:''; 
display:block; 
clear:both; 
}