Question

I’m using a CMS that adds a title to the menu on the home page. This is in the form of Li.

If my page title has two words ‘Hello World’ I want a line return between the two words, so the words appear on two lines. How can i do this ?

I’ve tried combinations of word-wrap, white-space but doesnt force of white space.
Help appreciated. Thanks

Update : Using SharePoint and cannot add tags to title.

    .s4-tn li.static > .menu-item {
    color:white;

    border:0px none transparent;
    background-color:transparent;
    height:38px;
    padding:7px 10px 5px;   
    font-size:1.2em;
    border-left: 1px solid transparent; 
    border-right: 1px solid white;  
    font-family:Arial, Helvetica, sans-serif;
    font-weight:100;        
}

.menu-item-text {
    width:6em;
    background:lime;
    height:30px;
    white-space:pre-line;

}

Browser rendered HTML CODE:

<div class="menu horizontal menu-horizontal">
        <ul class="root static">
            <li class="static"><a class="static menu-item" href="/expense" accesskey="1"><span class="additional-background"><span class="menu-item-text">Expense Form</span></span></a></li><li class="static">

Answer 1

You can use "Hello<br /> world"