CODEWITHSUNDEEP
htmlcss
Snow_Mac
Snow_Mac

Reputation: 5797

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). Figure 1

Currently the behavior is: enter image description here

Upvotes: 0

Views: 55

Answers (1)

John Stimac
John Stimac

Reputation: 5491

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.

Upvotes: 4

Related Questions