Як центром горизонтального списку в Div в CSS

Зміст

• Інструкції

При створенні веб-сторінки може бути корисно використовувати CSS для центрування горизонтального списку, наприклад, меню, яке можна натискати. Ви можете використовувати CSS, який є мовою таблиць стилів, поряд з HTML, щоб керувати зовнішнім виглядом вашої сторінки. Стилі CSS часто відображаються непередбачувано в різних веб-переглядачах, тому важливо ретельно протестувати сторінку перед її розміщенням. Невпорядкований список (ul) є елементом блокового рівня, тому ви можете використовувати властивість width для створення централізованого ефекту.

Інструкції

Ви можете використовувати CSS і HTML для керування зовнішнім виглядом веб-сторінки (Comstock / Stockbyte / Getty Images)

1. Відкрийте свій HTML-файл у текстовому редакторі, наприклад, у Блокноті Windows.

2. Додайте необхідні стилі CSS до горизонтального списку у "" розділі вашого HTML-файлу, додавши наступний код:

   type = "text / css"> .myclass {text-align: center; } .myclass ul {ширина: 275px; margin: 0px auto} .myclass li {відображення: блок; поплавок: лівий; висота: 50px; висота рядка: 50px; запас: 5px; ширина: 125px; кордон: твердий 1px чорний; }

   Ширина списку (ul) являє собою суму ширини та поля горизонтальних елементів (li).

3. Створіть горизонтальний список у розділі ">" HTML-файлу, додавши наступний код:

   • перший елемент
   • другий елемент у div

   Тег "ul" визначає невпорядкований список. Тег "li" відповідає елементу у списку. Елементи списку використовують стилі CSS, які відповідають вказаним вище.

   
   

4. Збережіть файл HTML і завантажте його на веб-сервер для перегляду горизонтального списку в центрі.