The style declarations which apply to the text below are:
IMG.one {display: inline;}
IMG.two {display: block;}
IMG.three {display: block;
           margin-right: auto; margin-left: auto; width: auto;}
IMG.four {display: block;
          margin-right: auto; margin-left: auto; width: 50%;}
IMG.five {display: block;
          margin-right: 0; margin-left: auto; width: 50%;}
![[Image]](oransqr.gif) The image at the
beginning of this sentence should be a 15px square.
The image at the
beginning of this sentence should be a 15px square.
![[Image]](oransqr.gif) 
The above image should be a 15px square with the same left edge as this text.
![[Image]](oransqr.gif) 
The above image should be a 15px square aligned at the center.
![[Image]](oransqr.gif) 
The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within the parent element: the document body in the first half, and the table in the second.
![[Image]](oransqr.gif) 
The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the parent element: the document body in the first half, and the table in the second.
| TABLE Testing Section | |
| 
 ![[Image]](oransqr.gif)  The above image should be a 15px square with the same left edge as this text. ![[Image]](oransqr.gif)  The above image should be a 15px square aligned at the center. ![[Image]](oransqr.gif)  The above image should be a square resized so its width is 50% of the its parent element, and centered horizontally within the parent element: the document body in the first half, and the table in the second. ![[Image]](oransqr.gif)  The above image should be a square resized so its width is 50% of its parent element, and aligned at the right edge of the parent element: the document body in the first half, and the table in the second. | |