С кодом меню что бы в кнопке меню текст в 2 строки шел - Вопросы по CSS

Подскажите с кодом меню что бы в кнопке меню текст в 2 строки шел а то при сжатии экрана меню второй строкой идти начинает и некрасиво получается



.span33 ul{
   margin: 0; padding: 0;
   float: left;}

.span33 ul li{
   display: inline;}

.span33 ul li a{
   float: left; text-decoration:;
   color: white;
   padding: 10.5px 11px;
   background-color:  rgb(56,56,56);
background: -moz-linear-gradient(top, rgba(69,69,69,1) 0%, rgba(43,43,43,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(69,69,69,1)), color-stop(100%,rgba(43,43,43,1)));
background: -webkit-linear-gradient(top, rgba(69,69,69,1) 0%,rgba(43,43,43,1) 100%);
background: -o-linear-gradient(top, rgba(69,69,69,1) 0%,rgba(43,43,43,1) 100%);
background: -ms-linear-gradient(top, rgba(69,69,69,1) 0%,rgba(43,43,43,1) 100%);
background: linear-gradient(to bottom, rgba(69,69,69,1) 0%,rgba(43,43,43,1) 100%);

</br> ?

не очень пойму куда BR поставить, будьте добры пример. В index.php ставить?

вот кстати вывод модуля из индекса

<?php if($this->countModules('nav')) : ?>
    <div id="nav" class="row-fluid">
    <div class="span33"><jdoc:include type="modules" name="nav" style="xhtml" /> <br></div>
    </div>
    <?php endif; ?>
  </div>
  </div>

Смысл вот этой строчки «Подскажите с кодом меню что бы в кнопке меню текст в 2 строки шел а то при сжатии экрана меню второй строкой идти начинает и некрасиво получается» я абсолютно не понял, поэтому и предположил br
В приведенный модуль - точно не надо.

Попробуй фиксированную ширину в стиль вставить
Например, после color: white;
допиши width:50px;

не очень пойму куда BR поставить, будьте добры пример. В index.php ставить?

В сам заголовок пункта меню пробуй
п.с.
Попробовал- не получилось, обрезаются html-теги

Попробуй фиксированную ширину в стиль вставить
Например, после color: white;
допиши width:50px;

Да это помогло, спасибо, правда получилось не совсем что ожидал и решил проблему подругому.

Вот еще вопрос, когда страница сжимается, соответственно меню тоже сжимается до предела, и начинает идти второй строкой. причем получается так что центруется по левому краю. Как бы оцентровать ?

а то вот так некрасиво

.span33 ul li a {
float: LEFT;
text-decoration: ;
color: white;
width: auto;
padding: 10.5px 11px;



Вопрос решился убиранием float: LEFT;