Share this Page URL
Help

Chapter 6. A Picture Is Worth a Thousand... > Images: Some Semi-Important Backgrou... - Pg. 67

A Picture Is Worth a Thousand Clicks: Working with Images · · · · 67 Top.Text is aligned with the top of the image. Middle.Text is aligned with the middle of the image. Bottom.Text is aligned with the bottom of the image. Left.The image appears on the left side of the browser window, and text wraps around the image on the right. · Right.The image appears on the right side of the browser window, and text wraps around the image on the left. The following HTML listing (align.htm) gives you a demo (Figure 6.4 shows the results): <HTML> <HEAD> <TITLE>Aligning Text and Images</TITLE> </HEAD> <BODY> <IMG SRC="constru1.gif" ALIGN="TOP"> This text appears at the top of the image. <P> <IMG SRC="constru1.gif" ALIGN="MIDDLE"> This text appears in the middle of the image. </P><P> <IMG SRC="constru1.gif" ALIGN="BOTTOM"> This text appears at the bottom of the image. </P><P> <IMG SRC="constru1.gif" ALIGN="LEFT"> As you saw earlier in the Work-In-Progress example, you can display images and text on the same line. You set this up by inserting the &lt;IMG&gt; tag inside the page text. <IMG SRC="constru1.gif" ALIGN="RIGHT"> This is all very reasonable, but you might run into problems with tall images, because the bottom of the image is aligned with the bottom of the line. If you prefer your text to appear at the top or the middle of the image, or if you