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

Introduction
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
Aligning Images


ow, using the image align tag, I can also choose where the image is placed on the page. For instance, I can line it up on the right:

<img align=right src="/webmonkey/kids/lessons/stuff/monkey.gif">

Which - surprise! - pushes it to the right:








Centering an image is a little trickier, because <img align=center> doesn't work on every browser. Instead, you'll have to first center the paragraph, with <p align=center>, and then place the image.

So, to center our little monkey, we'll write:

<p align=center><img src="/webmonkey/kids/lessons/stuff/monkey.gif">

And it will appear like this:

Back

Next Page