div{
    border: 1px solid #2d802d;
}
div#principal_1,div#principal_2,div#principal_3,img#principal_A,#principal_4{
    height: 200px;
    width:  400px;
    border-color: #16a616;
    float: left;
    padding: 10px;
    background-image: url(imagenes/789a258d17aa428d60164eb5515ffe23.gif) ;
    background-size: contain;
    
}
#principal_1 div div{
    height: 27px;
    width:  45px;
    margin: 10px;
    background-color: red;
}
#principal_1 *{ /* (*)todos los elemtos q esten dentro*/
    float: left;
    width: 64.6px;
    height: 98px;
    background-color: azure;    
    margin: 10px;    
}

#principal_2 *{
    float: left;
    width: 50%;
    height: 23px;
    margin-top: 11px;
    background-color: azure;
}
#principal_3 *{
    width: 30px;
    height: 30px;
    background-color: azure;
}
#principal_3{
    width: 380px;
    height: 200px;
    padding: 20px;/*espacio de este elemento respecto de sus hijos*/
    margin-bottom: 50px;/*espacio de este elemento respecto de sus hermanos*/
    float: left;/*ajuste*/
    border-bottom: red 10px solid;    
}