Lists li su 2 righe

[marco.mila]

Ciao a tutti,
sono nuovo del forum.
Mi serve un aiuto con una regola CSS che devo scrivere per un menu di navigazione di un sito Prestashop su tema Warehouse.
In sostanza ho un menu di navigazione orizzontale fatto in ul li.
Ogni pulsante del menu ha la stressa classe.
Tramite pannello posso decidere che la singola voce di menu abbia un float right (questo comando aggiunge una classe al li).
Ciò che vorrei fare io è avere i pulsanti su 2 righe:
Riga 1: i pulsanti SENZA la classe float right
Riga 2: i pulsanti CON la classe Float right.

In pratica tutti i pulsanti potrebbero essere o così:
<li class="cbp-hrmenu-tab"></li>
o così:
<li class="cbp-hrmenu-tab pull-right"></li>

Ovviamente io posso modificare la classe pull-right.
Ciò che vorrei è proprio trasformare questa classe in modo che se viene applicata, allora la voce del menu slitta sulla seconda riga.
Pensate sia fattibile?
Come?

 

[Max 1]

Tu puoi fare:

1. lasciare il float e quando i pulsanti non stanno più su una riga vanno a capo
2. interrompere il float con un clear:both messo prima del pulsante che vuoi a capo
3. usare javascript per fare la funzione che porta a capo

Queste indicazioni vaghe perchè onestamente non ho capito bene cosa vuoi fare