inline-Liste automatisch vertikal/horizontal darstellen?

[Sebastian]

Hallo,

es geht um eine Navigationsleiste aus horizontal angeordneten (inline) <ul>-Elementen, analog zu diesem SelfHTML-Beispiel:
http://de.selfhtml.org/css/layouts/anzeige/nav_float.htm

Nun würde ich gern erreichen, dass bei entsprechender Verkleinerung des Fensters, d.h. sobald das Element "Seite 5" nicht mehr in die Zeile passt, dieses nicht einzeln in einer neuen Zeile landet, sondern stattdessen automatisch die gesamte Liste vertikal dargestellt wird.

Bin hier leider mit meinem CSS soweit am Ende, aber evtl. kennt ja doch noch jemand eine Möglichkeit, wie man dies möglichst elegant ohne JavaScript erreichen könnte!?

(Hintergrund ist der, dass das Ganze sowohl mobil als auch auf dem Desktop einigermaßen ansprechend aussehen soll; momentan führt das schmalere Fenster auf mobilen Endgeräten jedoch dazu, dass die Elemente ungleichmäßig in mehrere Zeilen gestopft werden)

Gruß,
Sebastian