Zweispalter

[Gaga]

Hallo,

danke für die Antwort.

3 davon reichen
link, rechts, im rechtren

Ich wollte gern vermeiden, in der rechten Spalte HTML-Elemente einzusetzen, die nur der Darstellung dienen, nicht dem Inhalt.

Der Code

<div class="rechts">
  <p>
    Zwei Worte
  </p>
</div>
<p>
  Linker Fließtextabsatz.
</p>
<p>
  Linker Fließtextabsatz.
</p>
<div class="rechts">
  <p>
    <img alt="Abbildung zum nachfolgenden Absatz">
  </p>
</div>
<p>
  Linker Fließtextabsatz.
</p>

zusammen mit

p {
  width:50%;
}
div.rechts {
  float:right
}
div.rechts > p {
  width:[feste Breite]
  text-align:center;
}

ginge wohl, die div.rechts, die nichts weiter machen als ein einzelnes Element zu umklammern, finde ich aber irgendwie unschön.

ich verstehe bloß den floar:right bei dir nciht, wo es eindeutig links floaten soll?

Nein, der Fließtext der linken Spalte läuft normal, die Elemente der rechten Spalte sind rechts herausgestellt, ergo float:right.