#1
10th February 2013, 12:52 PM
| |||
| |||
CSS Word Wrap around Image
Would you provide me the CSS Word Wrap around Float Image & Floating Multiple Images code?
|
#2
11th February 2013, 01:53 PM
| |||
| |||
Re: CSS Word Wrap around Image
CSS Word Wrap around Image Floating is often used to push an image to one side or another, while having the text of a paragraph wrap around it Float Image CSS Code: img.floatLeft { float: left; margin: 4px; } img.floatRight { float: right; margin: 4px; } HTML Code: <body> <img src="sunset.gif" class="floatLeft"> <p>The images are contained with...</p> <img src="sunset.gif" class="floatRight"> <p>This second paragraph has an...</p> </body> Floating Multiple Images CSS Code: img.floatRightClear { float: right; clear: right; margin: 4px; } HTML Code: <body> <img src="sunset.gif" class="floatRightClear"> <img src="sunset.gif" class="floatRightClear"> <p>The images are appearing...</p> <p>If we had specified...</p> <p>The number of paragraphs...</p> </body> |
|