nicht angemeldet
Ich möchte folgende Tabelle mit div umschreiben:
<table style="border-collapse:collapse">
<tr>
<td style="padding:10px;">links links links links links links links links links links</td>
<td style="border-left-style:dashed; border-width:1px; padding:10px;">
rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts
</td>
</tr>
</table>
Mein Versuch:
<div style="float:left; padding:10px;">
links links links links links links links links links links
</div>
<div style="border-left-style:dashed; border-width:1px; padding:10px;">
rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts
rechts rechts rechts rechts rechts rechts rechts rechts rechts rechts
</div>
Wenn jedoch in den div Bereichen unterschiedlich viele Zeilen sind so fließt der große rechte Bereich um den kleineren Linken. Wie kann ich dort eine Trennung herstellen, sodass das nicht mehr der Fall ist.
MfG
Marius