*   {
    font-family: Arial, sans-serif;
    font-size:  large;
}

/* Container mit Hintergrundfarbe  */
.container  {
    background-color: grey;
}

    /* die Box bekommt Breite und Höhe und Hintergrundfarbe  */
.box  {
    width: 100px;
    height: 100px;
    background-color: pink;
    
    margin: 10px;
}

/* Container mit Hintergrundfarbe  */
.container1  {
    background-color: grey;
}

/* die Box1 bekommt Breite, Höhe, Hintergrundfarbe, Abstand und float  */
.box1  {
    width: 100px;
    height: 100px;
    background-color: red;
    
    margin: 10px;
    
    float:  left;
}

/* Container mit Hintergrundfarbe und Höhe */
.container2  {
    background-color: grey;
    height: 210px;
}

/* die Box2 bekommt Breite, Höhe, Hintergrundfarbe und Abstand  */
.box2  {
    width: 100px;
    height: 100px;
    background-color: yellow;
    
    margin: 10px;
}

/* Container mit Hintergrundfarbe und Höhe */
.container3  {
    background-color: grey;
    height: 210px;
}

/* die Box3 bekommt Breite, Höhe, Hintergrundfarbe, Abstand und float  */
.box3  {
    width: 100px;
    height: 100px;
    background-color: green;

    margin: 10px;
    
    float:  left;
}