Как можно сделать нижнюю границу у span из изображения?

Question

[Muvka]

Я сделал с помощью :before, но когда этот span переносится на новую строку, начинаются проблемы. Для border-image нужна специфическая картинка. Может есть какие то трюки?

Comments

[Muvka]

Ankhena, и так inline-block. С block растягивается на всю ширину блока и не очень красиво. Я поставил white-space: nowrap. Но на мобилках все равно одну строку не убирается. Придется убрать наверно.

Answer 1

[archelon]

1. запретить перенос span (white-space:nowrap);
2. сделать background-image вместо border-image.