Floats and Positioning

Some little saying

Activity Instructions

Here we will test out our knowledge of float, static position, absolute position, and relative position. The adjacent image is a screenshot of our finished goal. The objective is to use float and the different positioning schemes to arrange the elements to match the goal image.

 

Try to finish this activity without the tips

Ad1 Tip

The left nav and three columns should utilize the float property.

Ad2 Tip

The left nav and three columns should utilize the float property.

Left Nav Tip

The left nav and three columns should utilize the float property.

Columns Tip

The left nav and three columns should utilize the float property.

Bottom Nav Tip

The left nav and three columns should utilize the float property.