Alignment in web pages

You can add align= to some tags to change the way they are aligned on the page or with respect to the surrounding text. The default text alignment of images is like this - the image sticks up from the line of text, and the ottom is aligned with the bottom of the text. However it is also possible to align images so that the op of the image is aligned with the top of the text. This causes the image to stick down underneath the text, and obviously when the time comes to put the next row in, it will have to be underneath the bottom end of the image that has just been written.

You can also align images so that the iddle of the image is aligned with the middle (or perhaps the baseline) of the text, like this.

oads more useful is the ability to align images to the left or to the right of the page, with the rest of the text "floating" to its side. In this case, as you can see here, the line spills over just underneath the previous line, without in this case going down to below the image.
The same thing happens with line breaks or paragraphs. If there is space, the text will continue to be next to the image, and only when all the space is filled will it spill back underneath.

With right aligned images, you must put the image first, before any text that you want to have to its left.
The text will fill up to the left just like a mirror image of the left-aligned one.

You can also have right or center-aligned paragraphs.
Remember that we are writing American English and it is spelled center, not centre as is normal for British English. A right-aligned paragraph can be pretty hard to read and would rarely be used.

In contrast, people often want to have small bits centred.

Alignment of headings

You can center- or right align headings, too.

Let's face it, this page looks a complete mess, as I've tried to illustrate the main alignment techniques out of context. Use them with care, and preferably with some graphic design expertise for backup.