globalwarming awareness2007

Word Wrapping a Post around an Image

Just quick and simple trick I picked up today. You ever wanted to Word wrap your Blog post around an image? Like you see here. It looks like much more attractive then extending a post well down the page and it just captures a readers attention many times.

If you’d like to do this yourself, here’s the instructions…

In html mode add the following code before the paragraph where you want the image to float.

<div style="float: right"><img style="padding: 10px 0pt 20px 20px" src="http://www.listikal.com/IMAGE%20LOCATION" /></div>

If you want it to float on the right just change float:left to float:right. Unfortunately it is either right or left, there is no center option built into css. Please note the “img style” part of the image code. This is where you specify the frame around the image itself. This stops the text from running into it.



Share This | Posted: October 17th, 2006

Subscribe to the Listikal RSS FEED

Leave A Comment (0) and become a "Top Commentator"
Leave A Trackback.


Subscribe without commenting


Leave a Reply

Note: Any comments are permitted only because the site owner is letting you post, and any comments will be removed for any reason at the absolute discretion of the site owner.


Close
E-mail It