Aligning images

Controlling the layout of the page when adding images

As you start to build your pages you may notice that it can be difficult to place images exactly where you would like them to go.

There are a few tools we can make use of.

One is to make a table.

On your page just insert code for a table where you would like images and text to go.
Here is just one example:
This table has a outer border and a background color change - there is also padding included to space out the elements and the image is centered while the text on the left is aligned left.

Here is the css and html code needed for the above example: