- More in the Sandbox
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}
