CSS Library: Image CSS: Here
Floating image with no text wrap
Author: Dynamic Drive
By default, floating an image causes the surrounding text to wrap around it, such in in the below example:
A
safari park is a large nature reserve intended for safari tours and encounters with rare wildlife. They are common in
Africa, but many exist elsewhere, including popular parks in England. People who wish to see animals in their natural state will love a trip to the safari.
However, sometimes you may want a different effect whereby the image floats, yet the surrounding content do NOT wrap around the image. This can be accomplished through the familiar "float" attribute, combined with "margins", while taking into account IE'6 dreadful "3px text-jog bug". The result is:
A safari park is a large nature reserve intended for safari tours and encounters with rare wildlife. They are common in Africa, but many exist elsewhere, including popular parks in England. People who wish to see animals in their natural state will love a trip to the safari.
The CSS:
Got a question or need help customizing this CSS code? Post it in the CSS Forums. If you have a comment or suggestion instead, post it in the comments section below.
Comment Pages 4 of 4 pages « First < 2 3 4
<img src="yourimage.jpg" style="float:left" />
<div style="margin-left: 120px; width:200px">
Text goes here...Text goes here ...Text goes here
</div>
Foreclosure Listing Reviews
Keep on the good work!
anti aging cream eye wrinkle cream
African American Sites
Casa a New York
I managed to solve the space on the right side, towards the text, without putting space on the left side. Until now I used the horizontal spacing option in HTML...
Now the problem that remains: how to solve the "deep white space" under the image?
" style=
<div style="margin-left: 120px; width:200px">
Text goes here...Text goes here ...Text goes here
</div>