The QA Store

Testing the ALIGN Attribute

*Not* in an HTML TABLE:
 
Here is the same JPG modified by each of the 11 alignment options:
 
 
  1. No ALIGN attribute used    Red Tulips   Not mentioning the ALIGN attribute places the text which follows the graphic in line with the BOTTOM of the graphic by default. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?  



  2. ALIGN=""    Red Tulips   Using an 'empty' ALIGN attribute places the text which follows the graphic in line with the BOTTOM of the graphic by default. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?  



  3. ALIGN="BOTTOM"    Red Tulips   Using this attribute aligns the text which follows the graphic with the BOTTOM of the graphic. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?  



  4. ALIGN="TOP"    Red Tulips   Using this attribute aligns the text which follows the graphic with the TOP of the graphic. However, when the alignment="top", watch how the text wraps onto a second line.... beware! Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?  



  5. ALIGN="MIDDLE"    Red Tulips   Using this attribute aligns the text which follows the graphic with the MIDDLE of the graphic. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?
  6.  



  7. ALIGN="LEFT"    Red Tulips   Using this attribute will float the image down and over to the LEFT margin, and the text will wrap around the right-hand-side of that graphic. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?

  8.  
     



  9. ALIGN="RIGHT"    Red Tulips   Using this attribute will float the image down and over to the RIGHT margin, and wrap the text around the left-hand-side of that graphic. Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?
  10.  



  11. ALIGN="BASELINE"    Red Tulips  Using this attribute will...... Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?
  12.  



  13. ALIGN="ABSBOTTOM"    Red Tulips   Using this attribute will ...... Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?



  14.  
  15. ALIGN="ABSMIDDLE"    Red Tulips   Using this attribute will ...... Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?




  16.  
  17. ALIGN="TEXTTOP"    Red Tulips   Using this attribute will ...... Note: The following paragraph is only for the purpose of taking up space to more fully demonstrate how this align attribute handles a paragraph of text which follows on the heels of an image. Take note in each example how the text displays relative to the image it accompanies. Is the display pleasing to the eye?


Return to the top of this page

List of all -IMG- Tag Tests 




Yahoo! Searches     Burpee Seeds    Optimize those Images    ZDU On-line Learning   
Generating Colors in HTML   
These pages are copyright 1999 by cSafe, Inc.