Dzień dobry, dobry wieczór.
Nie wiem czemu gdy wstawiam listę i używam display: inline-block;
to robi się odstęp od góry.
Gdy wpisuję sam text jest OK.
nie chcę robić na float:left; i float:right;
<!DOCTYPE html>
<html lang="pl-PL">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1"/>
<title>Strona WWWW</title>
<style>
body
{
background-color: #2E2E2E;
}
#header
{
background-color: #777474;
}
#logo
{
background-color: aqua;
height: 100px;
width: 50px;
display: inline-block;
}
#nav
{
background-color: white;
display: inline-block;
}
#nav ul li
{
display: inline-block;
}
</style>
</head>
<body>
<div id="header">
<div id="logo">
LOGO
</div>
<div id="nav">
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
</ul>
</div>
</div>
<main>
<article>
</article>
</main>
</body>
</html>