#container {
 background-color:azure;
 width: 600px;
 height: 500px;
 margin: 0px auto;
 padding: 0px;
}
#square{
    display: inline-block;
    float: left;
}
.square1 {
    background-color: gainsboro;
    width: 230px;
    height: 380px;
}
.square2{
    background-color: #b0c4de;
    width: 490px;
    height: 420px;
    position: absolute;
    top: 50px;
    left: 480px;
}
.square3{
    background-color: lightskyblue;
    width:120px;
    height: 100px;
    position: absolute;
    top: 50px;
    left: 600px;
}
.square4{
    background-color: #8ab9f1;
    width: 72px;
    height: 232px;
    position: absolute;
    top: 50px;
    left: 720px;
}
.square5{
    background-color: aliceblue;
    width: 120px;
    height: 143px;
    position: absolute;
    top: 140px;
    left: 600px;
}
.square6{
    background-color: black;
    width: 78px;
    height: 140px;
    position: absolute;
    top: 175px;
    left: 792px;
}
.square7{
    background-color: gainsboro;
    width: 192px;
    height: 95px;
    position: absolute;
    top: 283px;
    left: 600px;
}
.square8{
    background-color: yellow;
    width: 115px;
    height: 62px;
    position: absolute;
    top: 316px;
    left: 792px;
}
.square9{
    background-color: brown;
    width: 62px;
    height: 62px;
    position: absolute;
    top: 316px;
    left: 907px;
}