Реферат: CSS Design: Укрощение списков

padding: 3px;

margin-bottom: 25px;

}

#bread ul {

margin-left: 0;

padding-left: 0;

display: inline;

border: none;

}

#bread ul li {

margin-left: 0;

padding-left: 2px;

border: none;

list-style: none;

display: inline;

}

получаем вот что:

Home

» Products

» Computers

» Software

И опять-таки символ "»" (или любой другой подходящий символ) можно генерировать автоматически с помощью псевдо-элемента :before в сочетании с классом class="first", чтобы первый пункт LI не имел этого символа.

#bread-gen ul li:before {

content: "\0020 \0020 \0020 \00BB \0020";

color: #ff9;

}

#bread-gen ul li.first:before {

content: " ";

}