Boxes

Home | Power Server

This exercise is meant to help us practice using id selectors and get used to how the div tags works. We will take a look at nested divs, since they are the basis for all CSS layout.

This is the first box

This is the second box.

This is the third box. It has the float left property

This is the fourth box and it is inside the third box because these dives are nested

This is the fifth box and by using the float left property it is floating left next to the third box.

This is the sixth box and it is floating left. It floats left directly next to the fifth box if there is enough room.

This is the seventh box and it is floating right.