Un saluto a tutti...

ho bisogno di un consiglio, vi spiego...

In main page ho creato la simulazione di una tag cloud,
e per "esigenze estetiche" (mah!?) ho "incassato" le linee di tags fissandone l'altezza, il che ha eliminato la troppa aria tra i vari tags...
Trattandosi di una soluzione "sporca" ottengo un risultato poco usabile: infatti ad altezza fissa accade che i tag di taglia maggiore vanno a sovrapporsi parzialmente su quelli di taglia minore, rendno difficile cliccarci sopra...

Mi rendo conto che raccontato così è un po' arduo da capire per cui ecco una demo semplificata...

Mi chiedevo:
c'è modo di ottenere un effetto come al punto_2 della demo, senza incorrere nei problemi che mostro al punto:3?
Qualcosa tipo una regola che "incassa" tra loro le parole ravvicinadole il più possibile (?? )...
oppure una regola che rende sensibile al mouse esclusivamente le bacchette dei font, ma non tutta la superficie della parola che vanno a comporre (fantascienza VVoVe: )

Vorrei sentire il parere di qualcuno un po' più esperto di me...

Grazie in anticipo a tutti...