Добрый день.
Есть блок {display: inline-block; width: 90%; heidth: 40px;}. (эти стили можно изменить, если надо, но абсолютная ширина не известна, только относительно родителя).
В блоке находится длинное слово, от 10 до 30 символов. В большинстве случаев это слово помещается в одну строчку, но иногда оно получается слишком длинным. И тогда слово надо сделать на две строчки и уменьшить шрифт (font-size с 14 до 11).
Выглядеть должно примерно вот так:
http://imu.gr/images/2017/02/10/Virt...0_11-16-43.png
Подскажите пожалуйста как правильно сделать описанное поведение?