verschiedene ausrichtungen innerhalb eines Elements

[Thomas Luethi]

Hallo,

ich habe ein, denke mal sehr simples problem, komme aber nicht auf die lösung. ich möchte innerhalb eines <p> elementes schrift nach links und rechts ausrichten. ich habe das mit <span style="tex-align:left;">bla</span><span style="text-align:right;">bla</span> versucht, es klappt aber nicht. was muss ich tun?

Viele CSS-Eigenschaften, so text-align und auch float,
lassen sich nur auf Block-Level-Elemente anwenden.
Span ist aber ein Inline-Element.

Versuch es mal mit:
span { display:block; }
und
<p>
  <span style="tex-align:left;">linksbuendiges blabla</span>
  <span style="text-align:right;">rechtsbuendiges bla</span>
</p>

Grosser Nachteil dieser Methode: Ohne CSS wird alles gleich nacheinander
auf der gleichen Zeile angezeigt.

---

Besser waere IMHO folgendes:

<p style="tex-align:left;">linksbuendiges blabla</p>
  <p style="text-align:right;">rechtsbuendiges bla</p>

und ggf. die margins der beiden Absaetze mit CSS zu reduzieren
oder auf Null zu setzen.

---

Optimal waere es, die CSS-Eigenschaften in einem externen
Stylesheet mit Klassen zu definieren.

Gruesse,

Thomas