Съдържание
Когато създавате уеб страница, може да е полезно да използвате CSS за центриране на хоризонтален списък, като например меню с възможност за кликване. Можете да използвате CSS, който е език за стилове, до HTML, за да контролирате външния вид на вашата страница. CSS стиловете често се показват непредвидимо в различни уеб браузъри, така че е важно да тествате старателно страницата си преди да я публикувате. Неуреден списък (ul) е елемент на ниво блок, така че можете да използвате свойството width за създаване на централизиран ефект.
инструкции
-
Отворете HTML файла си в текстов редактор, например Windows Notepad.
-
Добавете необходимите CSS стилове в хоризонталния списък в секцията на вашия HTML файл, като добавите следния код:
type = "text / css"> .myclass {text-align: център; } .myclass ul {ширина: 275px; марж: 0px auto} .myclass li {дисплей: блок; поплавък: наляво; височина: 50px; височина на линията: 50px; марж: 5px; ширина: 125px; граница: плътна 1px черна; }Ширината на списъка (ul) представлява сумата от ширината и полетата на хоризонталните елементи (li).
-
Създайте хоризонтален списък в секцията ">" на HTML файла, като добавите следния код:
- първа позиция
- втора позиция в div
Маркировката "ul" указва неупореден списък. Маркерът "li" съответства на елемент от списъка. Елементите от списъци използват стиловете на CSS, които съответстват на определените по-горе.
-
Запазете HTML файла и го заредете на уеб сървъра, за да видите хоризонталния, центриран списък.