Text and Image Alignment
Sequoia High School Web Design
(Note how the text flows around the images.)
1. No Align Attribute
<img src="images/logo.jpg" />Text		 2. Align Left
<img src="images/logo.jpg" align="left" />Text
3. Align Right
<img src="images/logo.jpg" align="right" />Text		 4. Align Center
<img src="images/logo.jpg" align="center" />Text
5. Align Top
<img src="images/logo.jpg" align="top" />Text		 6. Align Bottom
<img src="images/logo.jpg" align="bottom" />Text
7. Align Middle
<img src="images/logo.jpg" align="middle" />Text		 Text<p align="right"><img src="images/logo.jpg" align="middle" /></p>

8. Align Middle

(Note the image tag is in a right-aligned paragraph tag.)
Transparent Logo
(logo.gif)		 Non Transparent Logo
(logo.jpg)

 

Back to Displaying Images