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 3 of 7 pages < 1 2 3 4 5 > Last »
http://www.css-lessons.ucoz.com/textbox-css-examples.htm
This solution doesn't work with Internet Explorer 6, So you can write:
p {display:inline-block;}
I advise to specify this rule for IE6 so you can write :
*p {display:inline-block;} (Add a star before the html tag)
You need to use the two rules. On the hand for FF and all other browser, on the other hand for IE6. So the declare them 2 in your CSS file.
johan
>>It's not very useful, because if you dont't have >>image it's still left free space.
>>Simple solution:
>>p {display:table; height:1%}
it just takes few minutes to align.Thank you.