Basic HTML

 
 
          

Images >> Alignment

 

Alignment of Image

You can align images according to the text around it, using the following alignments:

  • default aligns the image using the default settings of the Web browser. Same as baseline.
  • left aligns the image in the left margin and wraps the text that follows the image.
  • right aligns the image in the right margin and wraps the text that precedes the image.
  • top aligns the top of the image with the surrounding text.
  • texttop aligns the top of the image with the top of the tallest text in the line.
  • middle aligns the middle of the image with the surrounding text.
  • absmiddle aligns the image with the middle of the current line.
  • baseline aligns the image with the baseline of the current line.
  • bottom aligns the bottom of the image with the surrounding text.
  • absbottom aligns the image with the bottom of the current line.
  • center aligns the center of the image with the surrounding text.



  • <img align="">

    Attribute Example
    <img src="sample_image.wmf" align=top> sample
    <img src="sample_image.wmf" align=middle> sample
    <img src="sample_image.wmf" align=absmiddle> sample
    <img src="sample_image.wmf" align=bottom> sample
    <img src="sample_image.wmf" align=absbottom> sample
    <img src="sample_image.wmf" align=texttop> sample
    <img src="sample_image.wmf" align=baseline> sample

    Images >> Spacing Images >> Alternative Text