title: What is wrong with my CSS code?
body: <p>I'm new to HTML / CSS. I want to build a web site but I stumbled across a problem. </p>
  
  <p>My divs inside my "content div" have a blank space at the top from the line div, and I can't seem to figure out what is causing the problem. Can someone please help? I will much apreciate it.</p>
  
  <p>Thank you!</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>&lt;head&gt;
  
  &lt;meta charset="utf-8"&gt;
  
  &lt;title&gt;Vlad Olar&lt;/title&gt;
  
      &lt;style type="text/css"&gt;
    
    body {
     padding:0;
     margin:0;
     font-family:Lato, Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
     background-color:#D8DCE1;
    }
    
    .clear {
     clear:both; 
    }
    
    .fixedwidth {
     width:960px;
     margin:0 auto;
     padding:0 0;
    }
    
    #topbar {
     background-color:#4C7585;
     height: 40px;
     width: 100%;
    }
    
    #front {
     height: 360px;
     width: 100%;
     background-color:#D8DCE1; 
    }
    
    #line {
     height:10px;
     width:100%;
     background-color:#4C4C4C;
    }
    
    #foto {
     height:120px;
     width:120px;
     background-color:#4C4C4C;
     border-radius:60px;
     z-index:3;
     float:left;
     position:relative;
     top:-55px;
     margin-left:103px;
    }
    
    #gaming {
     height:120px;
     width:120px;
     background-color:#4C4C4C;
     border-radius:60px;
     z-index:3;
     float:right;
     position:relative;
     top:-55px;
     margin-right:103px;
    }
    
    #design {
     height:120px;
     width:120px;
     background-color:#4C4C4C;
     border-radius:60px;
     z-index:3;
     float:left;
     position:relative;
     top:-55px;
     margin-left:198px;
    }
    
    #content {
     margin:0;
     padding:0; 
    }
    
    #fotocontent {
     background-color:#A48251;
     height:500px;
     width:320px;
     float:left;
    }
    
    #designcontent {
     background-color:#D1A366;
     height:500px;
     width:320px;
     float:left;
    }
    
    #gamingcontent {
     background-color:#A48251;
     height:500px;
     width:320px;
     float:left;
    }
   
    #footer {
     background-color:#4C7585;
     height: 40px;
     width: 100%;
    }
    
    #container {
     margin:0;
     padding:0; 
    }
  
   &lt;/style&gt;
  
  &lt;/head&gt;</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;body&gt;
  
   &lt;div id="container"&gt;
      
       &lt;div id="topbar"&gt;
           
              &lt;div class="fixedwidth"&gt;
              
              &lt;/div&gt;
          
          &lt;/div&gt;
          
          &lt;div id="front"&gt;
          
          &lt;/div&gt;
          
          &lt;div id="line"&gt;
          
           &lt;div class="fixedwidth"&gt;
               
                  &lt;div id="foto"&gt;
                  
                  &lt;/div&gt;
                  
                  &lt;div id="design"&gt;
                  
                  &lt;/div&gt;
                  
                  &lt;div id="gaming"&gt;
                  
                  &lt;/div&gt;
                  
              &lt;/div&gt;
          
          &lt;/div&gt;
          
          &lt;div class="clear"&gt;
          
          &lt;/div&gt;
          
          &lt;div id="content"&gt;
           
              &lt;div class="fixedwidth"&gt;
               
                  &lt;div id="fotocontent"&gt;
                 
                  &lt;/div&gt;
                  
                  &lt;div id="designcontent"&gt;
                 
                  &lt;/div&gt;
                  
                  &lt;div id="gamingcontent"&gt;
                 
                  &lt;/div&gt;
                  
              &lt;/div&gt;
              
          &lt;/div&gt;
          
          &lt;div class="clear"&gt;
          
          &lt;/div&gt;
          
          &lt;div id="footer"&gt;
           
              &lt;div class="fixedwidth"&gt;
              
              &lt;/div&gt;
              
          &lt;/div&gt;
      
      &lt;/div&gt;
  
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  </p>