Eu tenho uma lista, que deixa alguns espaços para fins de recuo e também fornece subjacente tracejado. No entanto, odisplay As propriedades usadas para esta lista não coincidem, fazem com que o texto mude de linha quando um espaço é encontrado. Aqui está umViolino.

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

Eu tentei manter apenas umdisplay propriedade, mas que falhou. Alguém tem uma solução para isso, por favor?

Vamos falar com imagens!

O que acontece agora - é o problema:

Resultado desejado: