Another command to center whatever is <div align="center"> and to close you use </div>. When you want to set the alignment for more than one paragraph or heading at a time you can use the above tag, <div>, or division, tag. The tag <div> used by itself and the close </div> does nothing by itself. If you include an align attribute of left, right or center then you're in business. So the difference between the above and the below is explained with the following codes:

<div align="center">
<h1>Have A Nice Day</h1>
</div>

Or you could use:

<h1 align="center">
Have A Nice Day
</h1>

You can use <h1> through <h6> with <h1> being the largest for text size. The attributes can be left, right or center.

When you start a paragraph with <p> you can specify alignment to the left and right margins by using <p align="left">, which is seldom used because you can use just plain old <p>, <p align="right"> or <p align="center"> and always close with </p> after typing all of your text.

If you want to align an image within the <img> tag use the attribute of: align="right" or align="left" BUT NOT align="center" such as:

<img width="?" height="?" border="0" src="image_URL_here" align="right" alt="very short image description goes here">

If you want to center an image use:

<center>
<img width="?" height="?" border="0" src="image_URL_here" alt="very short image description goes here">
</center>

or use can use:

<div align="center">
<img width="?" height="?" border="0" src="image_URL_here" alt="very short image description goes here">
</div>

Vertical Image Alignment

align="..." is an attribute of the <img>tag

To line up the bottom of an image with the bottom of the text use align="bottom"

To line up the bottom of an image with the bottom of the lowest image or text on the same line use align="absbottom" If there's some larger images on the same line then align="absbottom" might place an image lower than align="bottom".

To line up the middle of an image with the baseline of the text use align="middle" so click here for an example.

To line up the middle of an image with the overall vertical center of everything on the line use align="absmiddle". This might be higher or lower than align="middle" depending on the size and alignment of other images on the same line. The "abs" stands for absolute BTW.

Table Alignment

Using <td valign="top"> will force the content of just that particular cell to be aligned to the top of the cell. Using <td valign="bottom"> will force the content of just that particular cell to be aligned to the bottom of the cell. Using <td valign="middle"> will force the content of just that particular cell to be aligned to the middle of the cell.

The default horizontal alignment in cells of tables is "left"; you can alter the horizontal alignment by using align="center" or align="right" or align="left" in either the tr or td tags.

Horizontal Alignment Using hspace

<img width="100" height="55" border="0" src="images/us_flag.gif" hspace="200" alt="US flag"> I always use relative URL's.

Here I used hspace="30" and the <img> tag three times:

Add the width of the image (3 times 100) to the hspace grand total 90 to get the proper horizontal spacing and remember the width of a web page (for WebTV it is 560 pixels wide) and do not exceed that width. Play with the value of hspace and see how the results look in a testbed. For more on web page and e-mail dimensions click here. If you use the same image more than once on a web page, as I did above, it's a good idea to fool the browser and add a question mark and a number like ?1 and then ?2 then ?3 to the end of the URL for example:
images/us.flag.gif
images/us.flag.gif?1
images/us.flag.gif?2
images/us.flag.gif?3

BTW there is no need to beam or transload the image but one time. If you're using a image at say Image Magick, MyImager or GifWorks then remove all characters after the extension name and do your alterations.

You can use <ul> one time and that tag moves the entire paragragh to the right as does using more than one <ul> tag but for every <ul> tag used always use the same amount of closes , </ul>, when closing with </ul>.  For web pages using a side border the use of three <ul> tags then the rest of the body after that works perfect. Remember to use three </ul>'s tags when closing.

Now for some basic table alignments I'll simply refer you to the table master himself The Professor.