У меня есть список, который оставляет некоторые пробелы для отступов, а также обеспечивает пунктирную основу. Тем не менееdisplay свойства, используемые для этого списка, не совпадают, заставляет текст менять строку при обнаружении пробела. Вотскрипка.

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;
}

Я пытался сохранить только одинdisplay собственности, но это не удалось. У кого-нибудь есть решение для этого, пожалуйста?

Поговорим с изображениями!

Что происходит сейчас - это проблема

Желаемый результат: