Training Guide: Programming in HTML5 with JavaScript and CSS3 Ebook

(Nora) #1

Lesson 3: Working with CSS properties CHAPTER 4 191


}

#div1 {
background-color: yellow;
}

#div2 {
background-color: cyan;
clear: both;
}

#div3 {
background-color: lightpink;
box-sizing: border-box;
float: left;
width: 33%;
}

#div4 {
background-color: orange;
box-sizing: border-box;
float: left;
width: 34%;
}

#div5 {
background-color: lightblue;
box-sizing: border-box;
float: left;
width: 33%;
}

#div6 {
background-color: lightgray;
clear: both;
}
The rendered output is shown in Figure 4-21.
Free download pdf