Горизонтальная линия между строками элементов списка - Вопросы по CSS

Собственно сабж - есть меню, пункты которого реализованы через <li> в несколько строк. Можно ли как то строки разделять горизонтальной линией? Пробовал с помощью border-bottom, но тогда линия получается прерывистой, только непосредственно под элементами.

если CSS, то border-bottom:1px solid #ccc;   к примеру.
если <hr>, то можно сделать свой цвет для <hr> в сss.

<hr> не подходит т.к. список пунктов один и динамический. С border-bottom не могу добиться чтобы полоса была сплошной

С border-bottom не могу добиться чтобы полоса была сплошной

Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}

Чтобы полоса бордера была сплошной, нужно li {margin-left:0;margin-right:0;}

+ возможно еще понадобится убрать display:inline; или display:inline-block; и дописать float:left; или float:right;

если использовать float то не получается центрировать пункты-сироты (напр на рисунке пункты 4 и 5). Обнуление margin-ов не помогло ((

Значит я угадал. При display: inline либо inline-block появляются отступы между элементами вне зависимости от margin
тогда вам нужно для ul задать font-size равный нулю это должно решить проблемуэ
пример

При display: inline либо inline-block между элементами li есть пустое пространство (пробелы, табуляция, переход на новую строку), это пространство имеет стандартный (или тот который вы указали для страницы) шрифт и по этому расстояние равно размеру шрифта для одного символа. Указав размер шрифта как нулевой мы фактически убираем этот промежуток.