• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hour 10. Putting Graphics on a Web Page > Vertical Image Alignment

Vertical Image Alignment

Sometimes, you may want to insert a small image right in the middle of a line of text; or you might like to put a single line of text next to an image as a caption. In either case, it would be handy to have some control over how the text and images line up vertically. Should the bottom of the image line up with the bottom of the letters, or should the text and images all be arranged so their middles line up? You can choose between these and several other options:

  • To line up the top of an image with the top of the tallest image or letter on the same line, use <img align="top" />.

  • To line up the bottom of an image with the bottom of the text, use <img align="bottom" />.

  • To line up the bottom of an image with the bottom of the lowest image or letter on the same line, use <img align="absbottom" />. (If there are some larger images on the same line, align="absbottom" might place an image lower than align="bottom".)

  • To line up the middle of an image with the baseline of the text, use <img align="middle" />.

  • To line up the middle of an image with the overall vertical center of everything on the line, use <img align="absmiddle" />. This might be higher or lower than align="middle", depending on the size and alignment of other images on the same line.


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint