Lesson 4: Align an Image with Text

Overview

This lessons helps students understand how to align an image with text. This command does not allow you to align an image and wrap text around it at the same time.

Learner Outcomes

To understand how to align an image with text.

Images

There are three ways you can align an image with text.

<html>
<head>
<title> My Image Page </title>
</head>
<body>
<p> <IMG SRC ="picture.jpg Align="Top"> In the <IMG> tag for the image you want to align with you type ALIGN ="Top, middle, or bottom"
</A>
</body>
</html>

Wrapping text around an image
You can wrap text around an image to give your Web page a professional look. If you have aligned an image with text, you cannot wrap text around the image.

<html>
<head>
<title> My Image Page </title>
</head>
<body>
<p> <IMG SRC ="picture.jpg" Align="Left"> In the <IMG> tag for the image you want to align with you type ALIGN ="Left or Right"
</A>
</body>
</html>