Search code examples
cssmenulinebreakwords

Line break when you have more than one word in the menu

I need to break the text in my vertical menu in 2 lines when there is more than one word in the "ul li" item.

In other words, I need to have a tag "br" between the two words in the element "li", but with css.

The images below make things clearer.

I have this IMAGE

I need this IMAGE

Edit1: Live site: http://www.l9web.com.br/sites/test

Solution

  • I found the solution.

    On "ul li" we have to set:

    white-space: pre-wap

    Thanks for all