See also:

Please try shrinking your window with different browsers and observe what happens to the different images.

1. A medium image contained in a paragraph with no styles applied

#img1 {}

2. A medium image with a width of 100% (no height set)

#img2 IMG {width:100%;}

3. A medium image with a width of 100% and a max-width equal to the actual image size (no height set)

#img3 IMG {width:100%; max-width:320px;}

4. A medium image with a max-width of 100% (no height or width set)

#img4 IMG {max-width:100%;}

5. A medium image with a max-width of 100% and a width equal to the actual image size (no height set)

#img5 IMG {max-width:100%; width:320px}