Wrapping Text

[shadows4fairy]

Well topic and description kinda covered it. :graduated:

 

To clarify what I mean:

 

Like in a word document, you have an option of making an image "tight" with the text. I would like to achieve the same effect in HTML.

 

For example, if I have a fairly small picture, say 100px by 100px, it looks bad if there's only one line of text beside it and then everything under. It should be able to fit like, 5 or 6 lines beside it. Right? Is there a code for this?

 

Any help will be appreciated!

Edited April 7, 2010 by shadows4fairy

[CAV of Gang Green]

Could you be a bit more descriptive? I don't know exactly what you mean.

[shadows4fairy]

Umm like getting the words to go beside a picture, instead of one line beside and everything else under...I don't really know how to explain it...

[Vixensykerd]

You mean like, for example on word, you'd put the text into an "invisble text box", so you can put the text into a certain place rather than it spreading all other the place...

 

I don't know how to do this, I'm just having the same problem lol

[shadows4fairy]

Err..no. If we were on word, there's an option to format pictures to have text wrap around them, I think it's called making it "tight" as opposed to being "in line".

 

I'm wondering if there's a code that can create the same effect either in HTML or CSS, or anything really...

[Highlighter]

Say you've got an image tag for your image, just add align="left", for example: <img src="myimage.jpg" align="left">

Or if you prefer css then use float:left.

Of course use "right" or "center" instead of "left" if you want.

[CAV of Gang Green]

I'm still having trouble following all this. Can you provide a screenshot, or possibly googling it?

[Highlighter]

 

The code for this was:

 

<img src="myimage.jpg" align="left">

Lorem ipsum dolor sit amet..........

 

If there was no align="left" part, the screen would look like this: