Firefox only: :last-child::after { clear:left; } geht nicht?

[Axel Richter]

Hallo,

Ein display:block; für den generated content verändert zwar was, aber nicht so, wie ich es wünsche ...
Der generated content steht dann innerhalb des li unter dem Inhalt des li (wie wegen display:block ja auch zu erwarten wäre, wenn das ganze float-Zeug nicht wäre)
Das clear wirkt aber nach wie vor nicht.

Ja, Du fügst ein Block-Level-Element _innerhalb_ des letzten LI-Elements an dessen _Ende_ an. Beachte das "element's content" in:
The ':before' and ':after' pseudo-elements can be used to insert generated content before or after an element's content.

Du solltest ein Block-Level-Element _innerhalb_ des UL-Elements an dessen _Ende_ anfügen

#test { margin:0; padding:0; border:3px solid red; }
#test li { list-style-type:none; float:left; width:10em; border:3px solid green; }
#test:after { content:""; display:block; clear:left; }

viele Grüße

Axel