Here is a Demo of CSS

We will be demonstrating how to add CSS rules for margin, padding, float, clear and several other properties.

Now, we will insert an image of a giraffe and several zebras grazing on the Savanna in Africa. We start typing and then insert the image. After the image has been added we continue typing. Notice how the text flows around the image. We created a class called 'floatRight' and set the <img> tag to this class.

Notice how the text is blue. We created CSS that sets the font color to blue using the ID selector and set the ID of the paragraph to it.

This paragraph is using a class that sets the property 'clear' to both. Notice how it starts below the image.

Now, we will make an unordered list that will have a different font family and color and it will be italicized.

• Item 1
• Item 2
• Item 3

Here are some links to great CSS tutorials.

• Floatutorial
• CSS Selectutorial
• w3schools Interactive Examples
• Zen Garden

More examples:

• 2 images, one floated left and the other floated right - floatimages.html
• Image floated right and paragraph clear both - SmokingPolicy.html