.container1 .class1 {
          width: 200px;
          background-color: #DEDEDE;
}
.container1 .class2 {
          width: 300px;
          background-color: #006699;
}
.container1 .class3 {
          width: 500px;
          background-color: #009900;
}

.container2 .class1 {
          width: 200px;
          background-color: #DEDEDE;
          float: left;
}
.container2 .class2 {
          width: 300px;
          background-color: #006699;
}
.container2 .class3 {
          width: 500px;
          background-color: #009900;
}
.container3 .class1 {
          width: 200px;
          background-color: #DEDEDE;
          float: left;
}
.container3 .class2 {
          width: 300px;
          background-color: #006699;
          float: left;
}
.container3 .class3 {
          width: 500px;
          background-color: #009900;
}
.container4 {
        width: 500px;
}
.container4 .class1 {
          width: 200px;
          background-color: #DEDEDE;
          float: right;
}
.container4 .class2 {
          width: 300px;
          background-color: #006699;
}
.container4 .class3 {
          width: 500px;
          background-color: #009900;
}
.container5 {
        width: 500px;
}
.container5 .class1 {
          width: 500px;
          background-color: #DEDEDE;
          float: left;
}
.container5 .class2 {
          width: 200px;
          background-color: #006699;
          float: right;
}
.container5 .class3 {
          width: 500px;
          background-color: #009900;
}