Используйте код CSS для выравнивания маркированных списков в HTML.
Веб-дизайнеры используют маркированные списки не только для добавления маркеров и текста. Тег HTML, используемый для создания маркированных списков, удобен для создания меню или организации изображений для JavaScript для загрузки в слайд-шоу. Изучение использования кода каскадных таблиц стилей в сочетании с маркированными списками - называемыми «неупорядоченными списками» на сленге HTML - откроет несколько захватывающих возможностей веб-дизайна.
Шаг 1
Откройте HTML-файл, содержащий маркированный список, и посмотрите между тегами и вверху кода. Добавьте теги, если их еще нет. Если ваш код включает тег где-нибудь после тега, и это содержит ссылку на файл CSS, а затем откройте этот файл. Ваш код CSS размещается между тегами или в новой строке вашего файла CSS.
Видео дня
Шаг 2
Выровняйте текст внутри всех маркеров, установив "выравнивание текста" для вашего
- тег. В
- и теги, чтобы определить их как часть единого списка. Когда вы выравниваете текст для
- тег оборачивается вокруг
- , выравнивание влияет на текст в каждом маркере, но не выравнивает сам список по левому или правому краю страницы. Вот пример кода CSS для установки «выравнивания текста»:
ul {выравнивание текста: право;}
Обратите внимание, что маркеры не перемещаются вместе с текстом. В этом случае пули остаются слева.
Шаг 3
Выровняйте весь список по левому или правому краю страницы, установив для вашего
- тег. Когда "поплавок" установлен влево или вправо на
- тег, он перемещает весь маркированный список влево или вправо страницы. Установите float следующим образом:
ul {float: right;}
Вы можете установить «плавающий» влево или вправо, но не в центр.
Шаг 4
Оберните свой
- теги в
и
теги, чтобы создать оболочку, которая будет центрировать маркированный список на вашей странице. Ваш результирующий код будет выглядеть так:- Пункт списка
- Пункт списка
В
тег сам по себе ничего не центрирует; вы должны использовать CSS, чтобы все центрировать. Добавьте следующий код между вашими
