Я сталкивался с этим только на сайтах Drupal, так что это может быть связано с CSS по умолчанию для темы Zen или Garland. Однако из жизни я не могу определить, почему это продолжает происходить случайным образом.
Лучший способ объяснить это - посмотреть изображение здесь. Это происходит независимо от моих настроек CSS word-wrap и white-space и только случайно. Иногда это один элемент, иногда другой (здесь это произошло между «Наш бренд» и «Отправить» в меню).
Прикрепленное изображение является встроенным <ul> со ссылками внутри каждого <li>.
Любое понимание будет высоко ценится!
Вот пример стиля для меню, показанного на скриншоте:
<style type="text/css">
#navbar { float: left; height: 32px; overflow: hidden; margin-left: 0px; margin-right: -100%; padding: 0px; width: 100%; }
#navbar ul { margin: 0px; padding: 0px; text-align: left; }
ul.links li { display: inline; list-style-type: none; padding: 0px 0.5em; }
#navbar li { float: left; padding: 0px 20px 0px 0px; }
#primary a { text-decoration: none !important; white-space: pre !important; }
</style>