:first-child

[heinetz]

Hallo Forum,

ich möchte versuchen diese Ausgabe:

Text 1
Text 2
Text 3

(<div class="field-item">Text 1</div><div class="field-item">Text 2</div><div class="field-item">Text 3</div>)

... folgendermassen mit CSS formatieren:

Text 1 | Text 2 | Text 3

1. die Anordnung habe ich ohne weiteres mit 'display:inline' hinbekommen.
2. Jedem Inhalt eine Pipe voranzustellen funktionierte mit '.field-item:before { content: "|"; }'

Frage a) Funktioniert das mit den gängigen Browsern ?

Damit sieht die Ausgabe aber so aus, dass vor dem ersten Element auch eine Pipe eingefügt wird.

Frage b) Wie löst man das am besten ?

danke für Tipps und

beste gruesse,
heinetz