This is an ad.
 
Webmonkey Kids
Webmonkey Kids
Lessons
Projects
Playground
Tools

Introduction
icon Aligning Images
Image Borders
Wrapping Text Around an Image
Some More Examples



Parents and Teachers:
Find out how your kids can use Webmonkey for Kids as a learning tool at home or in the classroom with our Planning Guide.

Send us feedback

Lesson C: Dealing with Images
Wrapping Text Around an Image


<img align=left> aligns an image to the left side of the page

<img align=right> aligns an image to the right side of the page

<img align=middle> aligns text to the middle of an image

Pictures are nice and all, but chances are you'll want to have some words with them on your Web page. There are several ways to wrap text around pictures, and they're controlled through the <img align> tags. For starters, you can align an image down the left or right side of a page and let the text flow around it.

Here's how you can lead a paragraph off with an image:

<p><img align=left src="/webmonkey/kids/lessons/stuff/monkey.gif"> This is a monkey. He looks a little too happy and perky. What is he going to do with that wrench?

The text will begin at the top of the image and flow down its right-hand side:

This is a monkey. He looks a little too happy and perky. What is he going to do with that wrench?



Back

Next Page