Ankhena, обычно строка не переносится ( https://jsfiddle.net/zegudv2g/4/ ), пока не заполнит полностью родителя ( https://jsfiddle.net/zegudv2g/5/ ), но в вашем примере строка почему то переносится по максимальному слову (как вы говорите), хотя это не всегда так, вот тут например максимальное слово 1 символ, но строка не переносится ( https://jsfiddle.net/wcqkt1ou/5/ ). Я был бы очень благодарен, если бы вы рассказали где можно по этому поводу почитать, почему это так происходит. Но мне нужно что бы строка заполняла полностью родителя, а потом только переносилась, как обычно это и происходит.
Дело в том что это не сайт, а локальная страница которая не когда не будет отображаться на других устройствах, информационное табло, если его так можно назвать, на нём отображается эта страница, то есть оптимизировать под разные устройства просто нету смысла.