Как отформатировать заголовок сообщения в 2 строки, используя css

Question

У меня есть веб-сайт babynames, и заголовки моих сообщений очень большие.

Заголовок сообщения: Abdal-lafif - عبد الطیف Значение на английском языке sh и урду

Я хочу Значение на английском языке sh и урду будут отображаться с разрывом строки т.е. 2-я строка Это мой текущий скриншот поста

Если я добавлю разрыв строки в заголовке поста, это повлияет на мой SEO. Может кто-нибудь подсказать, как мне этого добиться, как на скриншоте ниже с CSS?

Answer 1

Добавьте разрыв строки в заголовке сообщения и установите для него CSS rule white-space: pre-wrap;.

Подробности: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space