Arranging Elements - Head First HTML and CSS - page 535

Time to put all this knowledge about floating and absolute positioning
to the 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”

{
margin-top: 140px;
margin-left: 20px;
width: 500px;
}

div id=“main”

img id=“photo” p

{
position: absolute;
top: 20px;
left: 550px;
width: 200px;
}

{
float: left;
}

{
position: absolute;
top: 20px;
left: 20px;
width: 500px;
height: 100px;
}