Panowie skąd bierze się ten margines?
![title]Darmowy hosting iv.pl


<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <meta name="description" content="Affordable and professional web design">
      <meta name="keywords" content="web design, affordable web design, professional web design">
    <meta name="author" content="Brad Traversy">
    <title>Acme Web Deisgn | Welcome</title>
    <link rel="stylesheet" href="./css/style.css">
  </head>
  <body>
      <header>
          <div class="container">
              <div id="branding">
                <h1> Acme Web Design</h1>
              </div>
            <nav>
              <ul>
                  <li><a href="#">Home</a></li>
                  <li><a href="#">About</a></li>
                  <li><a href="#">Servises</a></li>

              </ul>
            </nav>
          </div>
      </header>

<section id="showcase">
        <div id="content">

              <h1>lorem</h1>
              <p>lorelorelorem</p>
        </div>
</section>

  </body>
</html>

body
{
    background-color: #f4f4f4;
    padding: 0;
    margin: 0;

}

.container
{
    width: 80%;
    margin: auto;
    overflow: hidden;
}
header
{
   background: #35424a;
    color: #ffff;
    min-height: 70px;
    border-bottom: #e8491d 3px solid;
}
#branding
{
    float: left;

}
nav
{
    float: right;
    background-color: #35424a;
    margin: auto; 
}
nav ul 
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #35424a;
}

li {
  float: left;
}

li a {
  display: block;
  color: white;
  text-align: center;
  padding: 30px 50px;
  text-decoration: none;
  transition: background-color 0.5s ease;

}

li a:hover 
{
     background-color: darkslategray;border-bottom: 2px solid white;

}
#content
{
    margin: 0;
    padding: 0;

}
#showcase 
{

    min-height: 400px;
    background: url(showcase.jpg) no-repeat 0; 
    margin: 0;

}