The style declarations contained within this page:
img {float: right; height: 15px;}
hr {clear: right;}
.cl1 {width: auto; margin-right: auto; margin-left: auto;}
.cl2 {width: auto; margin-right: 20px; margin-left: 20px;}
.cl3 {width: 25%; margin-right: auto; margin-left: auto;}
.cl4 {width: 100%; margin-right: auto; margin-left: auto;}
Note that the horizontal rules are used to keep tests separate, and to "reset" the float environment by providing a handy element to 'clear'.
The floated 'img' to the right of this text, which has a class of 'cl1', should be its intrinsic width (15 pixels) and have no right or left margins. This will cause its right edge to abut the right edge of the content area of its parent element, and no extra space between the text in this paragraph and the left edge of the floated element (note that line-breaking in this paragraph may create the appearance of space).
The floated 'img' to the right of this text, which has a class of 'cl2', should be its intrinsic width (15 pixels) and have 20-pixel right and left margins. This will cause its right edge to be placed 20 pixels to the left of the right edge of the content area of its parent element, and have 20 pixels of extra space between the text in this paragraph and the left edge of the floated element (note that line-breaking in this paragraph may create the appearance of additional space).
The floated 'img' to the right of this text, which has a class of 'cl3', should be one-quarter the width of its parent element, and have no right or left margins. This will cause its right edge to abut the right edge of the content area of its parent element, and no extra space between the text in this paragraph and the left edge of the floated element (note that line-breaking in this paragraph may create the appearance of space).
The floated 'img' should not be to the right of this text but instead be the width of its parent element's content area. This paragraph should appear below the float instead of to its left.