помогите разобрать ошибку html + css
web.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>geometry</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<li><a href="">n1</a></li>
<li><a href="">n2</a></li>
<li><a href="">n3</a></li>
<li><a href="">n4</a></li>
</header>
</body>
</html>
style.css
header{
width: 960px;
margin: 0 auto;
}
header: before{
content:'';
display: block;
height: 50px;
width: 100%;
background: blue;
position: absolute;
left: 0;
z-index: -1;
}
ul{
margin: 0;
padding: 0;
list-style: none;
height: 50px;
}
ul li{
float: left
}
ul li a{
color: black;
display: block;
height: 50px;
padding: 0 30px;
text-transform: uppercase;
text-decoration: none;
line-height: 50px;
}
ul li a:hover{
background: red;
}
26 января 2019 в 12:44
Ближайшие курсы
JavaScript. Уровень 2
Продвинутый курс
21
апреля
Интенсив «Основы программирования»
Онлайн-курс
22
апреля
Контент-маркетинг
Успешный диалог с клиентом
23
апреля
Новые статьи
Что почитать дизайнеру и разработчику
23300
Итоги первого IoT-хакатона от GeekBrains и Ростелекома
49590
Главные IT-события второго квартала 2019 года
61010
Новые вебинары
Как стать продакт-менеджером?
24 апреля240
Командная строка Linux. Продвинутое владение 3
23 апреля791
Как построить карьеру в digital с нуля?
23 апреля670
Новые темы
