bird: Linkbündige Ausrichtung von ul und p nach span mit 'float:left'

Beitrag lesen

Om nah hoo pez nyeetz, apsel :-)

ul {list-style-position: inside;
das bewirkt, dass die rechts neben den Bildern stehenden li-Elemente am ggf. ebenfalls rechts neben dem Bild stehenden Absatz linksbündig ausgerichtet werden.

Super, genau dieses Verhalten wäre das angestrebte. Leider hat genau dieses inside aber ja die Auswirkung, dass längere Zeilen umgebrochen werden so, dass die zweite Zeile linksbündig des Spiegelstriches und nicht linksbündig zum Text darüber ausgerichtet wird, was hier ja nicht gewünscht ist (deshalb in meinem Beispiel der li-Eintrag mit viel text neben der Grafik).

margin-left: -2.5em;}

Bewirkt nur eine Änderung bei den normalen ul, das ul neben der Grafik reagiert nicht darauf, was für FF 3.6.9 zum (bis auf die erwähnten langen li-Einträge) korrekten Endergebnis führt (s. Screenshot hierüber) :-), da das nebenstehende ul alleine mittels o.g. inside schon korrekt ausgerichtet war.

Aber im IE 8.0.6 war es noch nicht korrekt, somit kann mit dem margin-left mit -0.5em - das sich auch hier nur auf die normalen ul auswirkt - kein korrektes Endergebnis erzeugt werden bei mir :-( (s. Screenshot hierunter):