Vertically and Horizontally Align Images
Posted by admin | Posted in HTML Tutorial | Posted on 11-08-2010-05-2008
0
To align the images according to the content in your website you can use the align attribute.
1. align (Horizontal)
- right
- left
- center
2. valign (Vertical)
- top
- bottom
- center
Example:
- <p>This is paragraph 1, yes it is…</p>
- <p><img src=”sunset.gif” align=”right”>The image will appear along the…isn’t it?</p>
- <p>This is the third paragraph that appears…</p>
Image Wrap Arond:
This is paragraph 1, yes it is. I think this paragraph serves as a nice example to show how this image alignment works.
The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph. If we were talking about beautiful tropical sunsets, this picture would be perfect. But we aren’t talking about that, so it’s rather a waste, isn’t it?
This is the third paragraph that appears below the paragraph with the image!
