By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
443,313 Members | 1,240 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 443,313 IT Pros & Developers. It's quick & easy.

Wrap text to the right of an image

P: n/a
My images are fixed in size and can't be redone.

Many of them are tall and narrow.

How can I wrap text so that the text starts on the right of the image
at a level with the top of the image. So that resizing the browser
window will cause the text to wrap below the image.

[I don't want to use tables because resizing the window causes the
text to stay in the same column and not to wrap directly below the
image]

Is it possible to do what I want to do?

Jul 20 '05 #1
Share this Question
Share on Google+
1 Reply


P: n/a
In article <rb********************************@4ax.com> in
comp.infosystems.www.authoring.html, Mark P wrote:
How can I wrap text so that the text starts on the right of the image
at a level with the top of the image. So that resizing the browser
window will cause the text to wrap below the image.

Is it possible to do what I want to do?


Not only possible, but easy.

The pure-HTML way is to add the
attribute align="left"
to your <img> tag.

Do you know anything about CSS? The CSS way is better because you
can put some nice-looking space around the image. (There are other
reasons too.) In your style sheet, declare a class such as "inset":
img.inset { float:left; margin: 0.25em 0.5em 0.25em 0 }
and then in your HTML add
class="inset"
to your <img> tag.

--
Stan Brown, Oak Road Systems, Cortland County, New York, USA
http://OakRoadSystems.com/
HTML 4.01 spec: http://www.w3.org/TR/html401/
validator: http://validator.w3.org/
CSS 2 spec: http://www.w3.org/TR/REC-CSS2/
2.1 changes: http://www.w3.org/TR/CSS21/changes.html
validator: http://jigsaw.w3.org/css-validator/
Jul 20 '05 #2

This discussion thread is closed

Replies have been disabled for this discussion.