Head First HTML with CSS

Sharpen your pencil
Time to put all this knowledge about floating and positioning to a test!
Take a look at the Web page below. There are four elements with
an id. Your job is to correctly match each of these elements with the
CSS rules on the right, and fill in the correct id selector for each one.
Check your answers at the end of the chapter.
div id=“header” div id=“navigation”
div id=“main”
img id=“photo”
p
}
}
}
}
layout and positioning
Fill in the selectors to
complete the CSS.
_______________ {
margin-top: 140px;
margin-left: 20px;
width: 500px;
_______________ {
position: absolute;
top: 20px;
left: 550px;
width: 200px;
_______________ {
float: left;
_______________ {
position: absolute;
top: 20px;
left: 20px;
width: 500px;
height: 100px;
you are here 533