Горизонтальная полоса прокрутки отображается, когда текст слишком длинный

Question

На моем сайте, в разделе пользовательского контента, есть несколько абзацев и списков. В элементе списка у меня есть этот текст:

Online nyomkövetés: http://www.posta.hu/ugyfelszolgalat/nyomkovetes

Эта ссылка немного длинная, и она в нем нет пробелов, поэтому на мобильных устройствах этот текст выходит за пределы страницы, и отображается горизонтальная полоса прокрутки.

Что css мне дать?

Демонстрационный сайт здесь.

Answer 1

Используйте css свойства типа "overflow-wrap" или "word-break", например:

/* word-break solution */
 -ms-word-break: break-all;
     word-break: break-all;
     /* Non standard for WebKit */
     word-break: break-word;
/* Use word break with hyphens property */
-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

или используйте "overflow-wrap":

overflow-wrap: break-word;

Если эти свойства не работают, попробуйте использовать их вместе или использовать основные версии браузеров (я имею в виду, абсолютно не IE 11 ?)