Горизонтальный список
Собственно так делается горизонтальный список:
1 2 3 4 5 6 7 8 9 10 |
ul.top { margin: 0; /* Обнуляем значение отступов */ padding: 0; /* Обнуляем значение полей */ } ul.top li { display: inline; /* Отображать как встроенный элемент */ margin-right: 5px; /* Отступ слева */ border: 1px solid #000; /* Рамка вокруг текста */ padding: 3px; /* Поля вокруг текста */ } |
1 2 3 4 5 6 7 |
<ul class="top"> <li>первый</li> <li>второй</li> <li>третий</li> <li>четвертый</li> <li>пятый</li> </ul> |
Рассказать: