Горизонтальный список

Собственно так делается горизонтальный список:

ul.top {

margin: 0; /* Обнуляем значение отступов */

padding: 0; /* Обнуляем значение полей */

}

ul.top li {

display: inline; /* Отображать как встроенный элемент */

margin-right: 5px; /* Отступ слева */

border: 1px solid #000; /* Рамка вокруг текста */

padding: 3px; /* Поля вокруг текста */

}

<li>первый</li>

<li>второй</li>

<li>третий</li>

<li>четвертый</li>

<li>пятый</li>

</ul>

Рассказать: