Textausrichtung eines ungeordneten Listenelements
Ich frage mich, ob es eine Möglichkeit gibt, den Text eines ungeordneten Listenelements als eine "Spalte" neben dem Standard-Disc- / Punktlisten-Elementsymbol erscheinen zu lassen? Ein paar Screenshots gemacht:
So sieht es aus, wenn eine standardmäßige ungeordnete Liste mit Text innerhalb des Listenelements (li) verwendet wird:
Und so möchte ich es aussehen:
Ist das möglich ohne irgendwelche Image / Div-Hacks? ;-) Ich habe herumgesucht, um zu sehen, ob es eine Standard-CSS-Einstellung dafür gibt, aber ich konnte keine finden.
Vielen Dank im Voraus!
Alles Gute,
Bo
5 Antworten
list-style-position ist die Eigenschaft, nach der Sie suchen. Es funktioniert in allen Browsern. (Weitere Informationen finden Sie unter MDN )
Aber tatsächlich outside ist der Standardwert. Sie überschreiben es wahrscheinlich woanders.
Ich denke, dass das Verschieben von Listenelementen auf der linken Seite die beste Lösung ist, um sie als Spalten erscheinen zu lassen.
Dieser CSS-Code kann Ihnen helfen:
%Vor%Es reicht gerade aus, Text-Surround mit offenen (& lt; li & gt;) und geschlossenen (& lt; / li & gt;) - Tags unter & lt; ul & gt; Tag.
Zum Beispiel
%Vor%Ausgabe wird sein,
- Lorem ipsum dolor sit amét, consectetur adipiscing elit, sed do eiusmod temporé incididant ut labore et dolor magna aliqua. En en en ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ven ul ven ul ul ul ul ul ul ul ul ul ul ul ul ul
- Dies ist der Listenpunkt - 2
- Dies ist der Listeneintrag - 4
Duis aure irure dolor in reprehenderit in voluptate velit esse cillum dolores eu fugiat nulla pariatur. Excepteur sint occaeat cupidatat nicht proident, sunt in culpa qui officia deserunt mollít anim id est laborum
Tags und Links html css html-lists text-alignment