Как заставить работать перенос текста?

Question

[Shakhrom Mukumov]

Мне даже как-то неудобно задавать такого рода вопросы, но я немного в шоке.
Bootstrap 4, обычный тег h1? присвоены следующие стили:

display: block
padding: 0
line-height: 1
font-size: 78px
text-transform: uppercase
font-weight: bold

На маленьких экранах текст не переносится на следующую строку WTF?
Пробовал использовать white-space, не помогло, знаю что можно использовать медиа запросы, но блин текст ведь должен переноситься?!

Впервые встречаюсь с подобным.

Answer 1

[netrox]

word-wrap: break-word;

Comments

[Shakhrom Mukumov]

К сожалению не сработало.

[Shakhrom Mukumov]

Кстати при display: inline-block, не работает - word-wrap: break-word;

[Shakhrom Mukumov]

netrox, всё, ваше решение подошло, но без "display: inline-block". Спасибо :)