CSS word wrap avec des éléments flottants

J'ai un fixe-largeur de la barre latérale comprenant un bootstrap nav-list où certains éléments de la liste ont aligné à droite étiquettes.

Par exemple:

<li>
  <a href="#">abc_test_randomrandom</a>
  <span class="pull-right label">0000</span>
</li>

Toutefois, cela ne fonctionne pas si le lien est long. Il s'agrandit pour remplir l'ensemble de la ligne, et pousse l'étiquette à la ligne suivante.

J'ai mis en place un jsFiddle démo pour illustrer ce comportement. EDIT: Et maintenant un gist trop.

Le comportement désiré est abc_test_randomrandom et 0000 sur la même ligne, le long de la chaîne de retour à la ligne si nécessaire. Est-ce possible?

InformationsquelleAutor rouge8 | 2013-01-31