Unorded lists, how do I get two words broken up from one line onto two lines?

I have this site I am working on, it has the following menu items:

Residents Business Teachers Construction Property Management Municipalities

Is there a way to get Property Management broken up onto two lines within the same list element(figure 1).

Currently the behavior is:

Use the css3 max-width property on the containing element. You could also just add a <br/> for older browsers.

You might also have to set display to inline-block.