Page 244 CSS Float

This page demonstrates examples from:

Normally, browsers render your web page code line by line in the order it appears in the .html document.

Elements that seem to float on the right or left side of eithe rthe browser window or another element are often configured using the FLOAT property.

This page will demonstrate float: right and float: left using some images

NOTE: the CSS on this page is external (TextStyle.css) and embedded in the HEAD section using STYLE tags.

Here is the code listed on page 244


Wildflowers.

Yellow Lady Slipper flower

The heading and paragraph follow normal flow (because the order in html had the IMG appear before this Paragraph). The Yellow Lady Slipper flower pictured on the right is a wildflower. It grows in wooded areas and blooms in June each year. The Yellow Lady Slipper is a member of the Orchid family.


New Wildflowers.

Yellow Lady Slipper flower

This paragraph is different because it uses a "class" where we made it float left and added a background color. The Yellow Lady Slipper flower pictured on the right is a wildflower. It grows in wooded areas and blooms in June each year. The Yellow Lady Slipper is a member of the Orchid family.