Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Text not wrapping to next line within list item

Text not wrapping to next line within list item

Problem

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!

Problem courtesy of: rowefx

Solution

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;

Solution courtesy of: Gaby aka G. Petrioli

Discussion

View additional discussion.



This post first appeared on CSS3 Recipes - The Solution To All Your Style Problems, please read the originial post: here

Share the post

Text not wrapping to next line within list item

×

Subscribe to Css3 Recipes - The Solution To All Your Style Problems

Get updates delivered right to your inbox!

Thank you for your subscription

×