Aufzählungspunkte einer geodneten Liste in Klammern setzen

[Thomasge]

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

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

CSS-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

[planepix]

Guten Abend Thomas,

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

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

[rusty]

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

[mdoll]

Moin,

guck mal hier:

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

CSS, Zeile 18 ist in dem Beispiel:

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

mit

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

bekommt man, was Du möchtest.

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

Gruß
Mathias