Abend Community !!

Habe folgendes Problem:

wie bekomme ich solche Aufzählung wenn z.B. ein Zeilenumbruch stattfindet, den Text der in die neue Zeile rückt unter den oberen Text und nicht anfangend unter dem Strich?

Richtig:
- TEXT TEXT TEXT TEXT
..TEXT TEXT. (ohne die Punkte)

Falsch:
- TEXT TEXT TEXT TEXT
TEXT TEXT

Danke schön für eure Hilfe !!

Gruß
cruiser187

<ul>
<li>
Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1
</li>
<li>
Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2
</li>
</ul>

Das Ergebnis ist nicht so wie ich das möchte. Ich möchte nicht mit Punkten gliedern sondern es sollten schon die Striche (-) sein. Die Schrift wird auch fett und mittig angezeigt, das möchte ich auch nich.

Kann mir denn jemand helfen ?

Gruß
cruiser187

Ich möchte nicht mit Punkten gliedern sondern es sollten schon die Striche (-) sein.

Für Aufzählungen (Listen <li></li>) ist in HTML das Vorzeichen - (Bindestrich) nicht verfügbar und es gibt in meinen Augen keinen vernüftigen Grund auf Bindestriche zu bestehen.
Alternativ können Kreise, Vierecke, Zahlen, Buchstaben verwendet werden.

Die Schrift wird auch fett und mittig angezeigt, das möchte ich auch nich.

In meinem Vorschlag ist nichts enthalten was die Schrift mittig und fett darstellen würde! Überprüfe deinen code.

--------------------------------------------------------------------------

Eine weitere Möglichkeit ist das Vorzeichen in Listen wegzulassen (list-style-type: none;), das Vorzeichen einfach mit zu schreiben und dann den Textumbruch einzurücken (text-indent: -0.6em; padding-left: 1.5em;). Dazu definiert man einen css-style.


<style type="text/css">
ul.bindestrich {list-style-type: none; margin: 0; padding: 0;}
ul.bindestrich li {text-indent: -0.6em; padding-left: 1.5em;}
</style>

<ul class="bindestrich">
<li>
- Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1 Text1
</li>
<li>
- Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2 Text2
</li>
</ul>