Ich habe eine Liste, die einige Leerzeichen für Einrückungszwecke lässt und auch einen gestrichelten Untergrund enthält. Dasdisplay Eigenschaften, die für diese Liste verwendet werden, stimmen nicht überein. Wenn ein Leerzeichen gefunden wird, ändert der Text die Zeile. Hier ist einGeig.

The CSS:

.dashed {
    display: block;
    width: 100%;
    height: 90%;
    border-bottom: dashed 2px #54687a;
}
li {
    display: table-row;
}
li span {
    display: table-cell;
    padding-right: 1em;
}

Ich habe versucht, nur ein @ zu behaltdisplay Eigenschaft, aber das ist fehlgeschlagen. Hat jemand eine Lösung dafür, bitte?

Sprechen wir mit Bildern!

Was passiert jetzt - es ist das Problem:

Erwünschtes Ergebnis