Css Margin - Css Dersleri

<div class="box red"></div>
<div class="box blue"></div>
<div class="box green"></div>

.box{
  height:50px;  
  width:250px;
  margin:10px;
}
.red{
  background-color:red;
  margin-left:50px;
}
.blue{
  background-color:blue;
  margin-bottom:10px;
}
.green{
  background-color:green;
  margin-top:20px;
}

<div id="header" class="box">
  Header
</div>
<div id="content" class="box">
  Content
</div>
<div id="footer" class="box">
  Footer
</div>

.box{
  height:60px;  
  width:600px;
  margin:10px auto;
}
#header{
  background-color:red;
}
#content{
  background-color:blue;
}
#footer{
  background-color:green;
}

<div class="container">
  <div id="header" class="box">
     Header
  </div>

  <div id="content" class="box">
     Content
  </div>

  <div id="footer" class="box">
    Footer
  </div>
</div>

.container{
  margin:10px auto;
  width:600px;  
}
.box{
  height:60px;    
}
#header{
  background-color:red;
}
#content{
  background-color:blue;
}
#footer{
  background-color:green;
}

<a href="#"> link 1 </a>
<a href="#"> link 2 </a>
<a href="#"> link 3 </a>

a {
  text-decoration:none;
  margin-left:10px;
  margin-right:20px;
  background-color:red;
  color:white;
}