2 строки меню li - PullRequest
Новая
       3

2 строки меню li

0 голосов
/ 02 февраля 2012

Мой код выглядит следующим образом: 

<ul>
    <li> <a href=""> Custom Decor</a></li>
    <li> <a href=""> Home Exterior </a></li>
    <li> <a href=""> Cleaning Services </a></li>
    <li> <a href=""> Heating & Cooling </a></li>
    <li> <a href=""> Parts, Repair & Maintanence </a></li>
    <li> <a href=""> Energy Effeciency </a></li>
    <li> <a href=""> Sears Telecom </a></li>
    <li> <a href=""> Protection Agreements </a></li>
</ul>

Что у меня есть - enter image description here

То, что я хочу, -

-Декор ниже Custom

-Экстерьер под домом

-Услуги по уборке и пр.

Примерно так enter image description here

две строки, 2 слова .. Как мне это сделать в CSS?

1 Ответ

3 голосов
/ 02 февраля 2012

Я могу предложить вам два решения (рекомендуется второе):

  • Вставьте <br /> в ваш текст, где должна быть вставлена ​​новая строка, или
  • Укажите ширину CSS вашего элемента и поместите &nbsp; между словами, которые должны появиться в одной строке.
...