p { color:red ; }
 
header {
    
   background-color: #DCDCDC ; 
   padding:5px ;
   border: 1px solid ; 
   width:150px ; 
 
}
 
 #div1   {
   background-color: red;
   width: 100px;
   border: 1px solid #000;
   float:left;
 
}
 
 #div2 {
   background-color: green;
   width: 100px;
   border: 1px solid #000;
   float:left;
}
 
 
 #div3 {
   background-color: blue;
   width: 100px;
   border: 1px solid #000;
   float:left;
 
}
 
#div3:after { clear:both }

border: 1px solid

bu şekilde kalmış hocam eksik olduğu için float:left aktif olmuyor hatalı oluyor. o kısımları düzeltince yan yana geliyor bu cssler ile deneyebilirsin.