Может вопрос и глупый но я не могу понять почему у меня получается отступ? как сделать через позиционирование знаю. Меня интересует в чем кроется проблема
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="center">
<div class="form">
<div class="menu">
<ul>
<li><a href="">F</a></li>
<li><a href="">F</a></li>
<li><a href="">F</a></li>
</ul>
<div class="menu_1"></div>
</div>
</div>
</div>
</body>
</html>
body
{
background: #f1f1f1;
margin: 0;
padding: 0;
}
.form
{
margin: auto;
height: 440px;
width:420px;
background-color: #f3f3f3;
border-radius: 5px;
border:solid 1px #d6d6d6;
}
.center
{
padding-top: 50px;
}
.menu
{
width: 420px;
height: 60px;
background-color: #5b6fa5;
}
.menu_1 {
width: 420px;
height: 60px;
background-color: #5b6ff5;
}
.menu ul
{
text-align: right;;
list-style: none;
height: 60px;
}
.menu ul li
{
display: inline-block;
border-left: solid 1px #4b5f92;
height: 100%;
}
Простой
Простой