Как удалить лишние пробелы при разрыве строки ⇐ CSS

[Anonymous]

У меня есть такой элемент

:
[code]
Vessel / tank destruction facility

[/code]
И CSS вот так:

Код: Выделить всё

.hero-title {
background: #000;
color: #ffffff;
display: inline-block;
padding: 20px;
max-width: 473px;
}

Вот результат:


Я хочу убрать лишние пробелы с правой стороны, чтобы черный фон заканчивался на «Судно/танк», другими словами, когда происходит разрыв строки , оно должно совпадать с самым широким словом и не занимать всю ширину в 473 пикселя.

Подробнее здесь: https://stackoverflow.com/questions/790 ... ine-breaks