20 September 2013

Image Aligning with Text




Here is an image with a paragraph of text running along side of it. It is really quite easy to drop an image inside a paragraph and wrap text around it like you might see in a magazine.

It is just as simple to align the image to the left and let all the text wrap around it to the right.
The code to align an image to the left of the text might look like this:


CODES:

<img src="Image URL" style="padding-right: 7px; float: left;" width="237" height="223">


You can align the Image left /right: and padding the text to left/ right just set the number amount between the distance of the image to the text..

A nother way to obtain the same effect would be to enter the image and text in an invisible table. Entering text in one column and the image in another would create a similar effect.

You can learn more about tables here.

before i forgot. you can combine this code to text formatting

looks like this

Customize your font to achieve a desired look.



- Comments

No comments:

Post a Comment