Aufzählungspunkte einer geodneten Liste in Klammern setzen

Hallo zusammen,

ich möchte die Aufzählungspunkte einer geordneten Liste OL als Zahl in einer Klammern darstellen (1), (2), (3) usw.
Eine Möglichkeit habe ich zwar dafür gefunden, aber wenn der Text einer Zeile zu lange ist und umbricht dann steht nach dem Umbruch der Text unter der Zahl. Mit list-style-type kann man es wohl nicht realisieren?

Ausgabe Webseite

Code:

---

(1) Text ...
(2) Text ...
Text ...
(3) Text ...

---

CSS-Code

Code:

---

ol {
counter-reset:list;
}

li {
list-style:none;
}

li::before {
content:"(" counter(list, decimal) ") ";
counter-increment:list;
}

---

Gibt es dafür eine Lösung, damit der Text nach dem Umbruch nicht unter der Zahl steht, sondern an der gleichen Position wie die anderen Texte beginnt.
Danke!

Gruß
Thomas

Guten Abend Thomas,

mit der Eigenschaft list-style-position kann man das beeinflussen.

http://www.css4you.de/list-style-position.html

Ich würde dem li ein padding-left geben und das li::before absolut positionieren sowie einen negativen margin-left festlegen.

Moin,

guck mal hier:

http://jsfiddle.net/nKtE6/2/

CSS, Zeile 18 ist in dem Beispiel:

Code:

---

content: counter(list, lower-alpha) ") ";

---

mit

Code:

---

content: "(" counter(list, decimal) ") ";

---

bekommt man, was Du möchtest.

Ich weiß aber nicht, wie da die Browserunterstützung ist.

Gruß
Mathias