Використовуйте код CSS, щоб вирівняти марковані списки в HTML.
Веб-дизайнери використовують марковані списки не тільки для додавання маркерів і тексту. Тег HTML, який використовується для створення маркованих списків, зручний для створення меню або впорядкування зображень для JavaScript для завантаження у слайд-шоу. Навчання використання каскадного коду таблиць стилів у поєднанні з маркованими списками, які на сленгу HTML називаються «невпорядкованими списками», відкриє кілька захоплюючих можливостей веб-дизайну.
Крок 1
Відкрийте свій HTML-файл, що містить маркований список, і подивіться між тегами та у верхній частині коду. Додайте теги, якщо їх ще немає. Якщо ваш код містить a тег десь після тегу, і це містить посилання на файл CSS, а потім відкрийте цей файл. Ваш код CSS розміщується між тегами або в новому рядку вашого файлу CSS.
Відео дня
Крок 2
Вирівняйте текст у всіх маркерах, встановивши "text-align" для вашого
- тег. The
- і теги, щоб визначити їх як частину єдиного списку. Коли ви вирівнюєте текст за
- тег обертається навколо
- тег, вирівнювання впливає на текст у кожному маркері, але не вирівнює сам список ліворуч або праворуч від сторінки. Ось приклад коду CSS для встановлення "text-align":
ul {text-align: right;}
Зверніть увагу, що кулі не рухаються разом з текстом. У цьому випадку кулі залишаються ліворуч.
Крок 3
Вирівняйте весь список ліворуч або праворуч від сторінки, встановивши "float" для вашого
- тег. Коли для параметра "float" встановлено значення ліворуч або праворуч на a
- тег, він переміщує весь маркований список ліворуч або праворуч від сторінки. Встановіть float так:
ul {float: справа;}
Ви можете встановити «поплавок» ліворуч або праворуч, але не по центру.
Крок 4
Загорніть свою
- теги в
і
теги, щоб створити обгортку, яка буде центрувати маркований список на вашій сторінці. Ваш отриманий код матиме такий вигляд:- Пункт списку
- Пункт списку
The
тег сам по собі нічого не центрує; Ви повинні використовувати CSS, щоб центрувати все. Додайте наступний код між вашими
