Ich kann keine geordnete Liste erhalten, um eine korrekte Einrückung anzuzeigen. Die Zahlen sind alle nach rechts ausgerichtet. So zeigt der Browser (Chrome) vor den einstelligen Zahlen ein Leerzeichen an und richtet die zweistelligen Zahlen nur korrekt nach links aus.
Wie kann ich eine schön sortierte Liste ausgeben, in der die Zahlen alle nach links ausgerichtet sind und die Listenelemente alle untereinander beginnen?
Eigentlich ist die Lösung ziemlich einfach, einfach einstellen
%Vor%Und Ihre Zahlen sollten sich "nach links ausrichten", wie Sie wollen.
Wenn es Ihnen nichts ausmacht, absolute Positionierung zu verwenden, könnte dies für Sie funktionieren.
%Vor% Hinweis: Wenn links neben dem <ol> -Element auf Ihrer Seite etwas angezeigt wird (wie ein schwebendes div), werden durch diesen Inhalt die Zahlen nach rechts verschoben, aber nicht der tatsächliche <li> Inhalt.
Sie können auch eine ganz andere Technik verwenden, mit einem anderen Markup (verschachtelte div-Elemente) mit display: table und display: table-cell properties set. Das würde das Problem mit Elementen, die auf der linken Seite erscheinen, beseitigen, aber Sie müssten die Eigenschaft CSS counter verwenden.
Tags und Links html css html-lists alignment