home | one | two | three | four |

Side Nav 1

Side Nav 2

Side Nav 3

Side Nav 4

Side Nav 5

Side Nav 6

Bunny the cute poodle with sunglasses

A Simpler CSS Styled Page

The first letter and first line is styled in each instance of <p>. You can modify and style any tag to look just about any way you want it to.mosaic tilesThe photo of the mosaic tiles calls a class called "floatright" that moves the image to the rignt and puts a background and border on it. The float also causes the text to flow around it.

This is content B

This paragraph has slightly different styling, its picking up the style from Container and body, but the text is a little smaller and there is no special treatment for first letters or lines. It still flows around the photo of the mosaics above.big mosaic I'm adding another photo here and adding the class "floatleft" to the image tag in this document.

Another neat tile shot with a "floatright" class in the image tag that text must flow around. green glass tileThere are so many interesting things you can do in CSS! I'm going to add one more photo and add the "floatright" class to the image tag. black and white tile Once you get used to the way float works, its great.

 

For a CSS styled page that is a little more complicated, look at:
CSS advanced sample.

Back to learn/CSS