Unknowen

Das sollte sich jetzt nicht so anhören, dass ich was dagegen hätte. Im Gegenteil: Ich bin ja froh, wenn ich CSS dazu lerne. Vielen Dank für den Code JesterDay, hat mir sehr weitergeholfen. ...float ist hier im Prinzip dafür, dass das div keine 'eigene Zeile' bekommt, sondern vom jeweils anderen div 'umflossen' wird, oder? Ja, das hätte ich sowieso gemacht, anders wäre das ja sehr umständlich. Aber trotzdem danke, dass du mich darauf hingewiesen hast. Bis hier hin hat alles wunderbar geklappt, so wie ich mir das vorgestellt hab. Jedoch hab ich bei jeder Legende vorne noch ein • (welches auch eins bleiben soll) stehen. Mit text-indent kann man ja die erste Zeile einrücken. In meinem Fall möchte ich es genau umgekehrt, dass alles außer der ersten Zeile eingerückt wird. Mit negativen Werten funktioniert das auch, allerdings wird manchmal der Beginn des Textes abgeschnitten. (siehe Bild) Kann das an der zugeteilten div-Größe liegen, dass die Legende diesen Bereich überschreitet und deswegen abgeschnitten wird? Gibt es da noch weiter Möglichkeiten, um alle außer der ersten Zeile einzurücken? Oder muss ich das dann nochmal verschachteln? :confused:

...dass ich noch in Ausbildung bin & das mit CSS umsetzen soll. Normal hätte ich das auch einfach mit einer Tabelle gelöst - geht einfacher und schneller. Aber ich soll das mit CSS machen, damit ich mich damit befasse und besser auskenne. Leider komme ich da (wie bereits gesagt ^^) auf keine richtige Lösung...

Ich hoffe, dass es jetzt ein wenig erklärender ist.

Hallo Forum, ich habe folgende Problemstellung: Es handelt sich um eine große Menge an Informationen. Auf der linken Seite steht jeweils ein kurzer Text. Rechts daneben soll jeweils eine eingerückte Legende angezeigt werden. So weit so gut, nun das Problem: Die Legenden sollen immer gleich weit eingerückt werden und können mehrzeilig sein. Das ganze soll mit CSS realisiert werden. Verwende ich span, wird jeweils nur die erste Zeile der Legende eingerückt; der Rest wird am Zeilenanfang fortgesetzt. Verwende ich div, wird zwar alles schön eingerückt, aber dann entsteht vor dem div ein unerwünschter Zeilenumbruch. Weise ich dem div 'display:inline;' zu, komme ich zum selben Ergebnis, wie bei einem span. Wie kann ich umsetzen, dass die Legenden in der gleichen Zeile wie der Text beginnen und immer die selbe Einrückung besitzen? Irgendwie komme ich da auf keine richtige Lösung...