Text not wrapping to next line within list item

Question

Have a quick look at the main menu drop down, for example About Us, the child item is not wrapping to the next line in the list item, instead it runs out of line of the list item. I've set an automatic height. A width on the UL LI and anchor. I've tried using

white-space: pre-wrap;

But that trims part of the word. I would greatly appreciated getting this text to sit within the list item. Height of the list item isn't an issue.

Any help would be greatly appreciated!

Answer 1

Remove the white-space: nowrap; from the #section-header #zone-menu ul.nice-menu-down li and change the padding on #section-header #zone-menu ul.nice-menu a to padding: 1em;

Answer 2

您是否尝试过使用word-wrap:break-word ？