вопрос
Приветствую! Столкнулся с проблемой при верстке простенького сайта (сам практикуюсь+делаю задание по учебе). Никак не могу добиться отступа списка навигации в шапке сайта. Уверен в структуре дивов. Пробовал margin-top:100500; но с места линия со списком не двигается, хотя смог сделать отступы по горизонтали. Понимаю, что проблема пустяковая, но на интуитивном уровне, и даже просмотрев достаточно примеров не могу это настроить. Собственно как я могу сделать подобную вещь: сдвинуть навигацию по вертикали?
* {
margin-left: 4px;
margin-right: 12px;
/* margin: 0; ТУТ Маргин тебе не нужен я добавио Margin left и right */
padding: 0;
outline: none;
border: 0;
}
a {
text-decoration: none;
}
.bradius {
border-radius: 3px;
}
body {
background: url(../images/bg.png);
font-family: Georgia;
}
#wrapper {
width: 1000px;
margin: 50px auto;
background: #fff;
}
/*Стили логотипа*/
h1 {
float: left;
font-size: 30px;
padding: 10px 10px;
margin-top: 20px;
margin-right: 40px;
}
.logo1 {
color: #5f9bd9;
}
.logo2 {
color: #808080;
}
/*Стили шапки*/
#header {
height: 95px;
border-bottom: 3px solid #808080;
}
/*Стили навигации*/
#nav {
height: 35px;
width: 750px;
margin-left: 180px;
}
#nav ul {
list-style: none;
}
#nav ul li {
float: left;
border-right: 1px solid #dadada;
}
#nav ul li a {
padding: 0 10px;
line-height: 35px;
color: #808080;
display: block;
}
#nav ul li a:hover {
background: #e7e7e7;
}
#nav ul li:last-child {
border-right: none;
}
Вот держи
