Text Floating Around Text

I'm not looking for the answer to this problem. Additionally, I need explanations, not simply code snippets.

In XHTML, how do you have text flow around other text?
3.4.png
JCW2Asked:
Who is Participating?
 
Michel PlungjanIT ExpertCommented:
0
 
Michel PlungjanIT ExpertCommented:
I you are not looking for an answer, then how may we help you?
0
 
JCW2Author Commented:
I need an answer to how I float text around some given embedded text, not a complete answer to this problem.
0
Ultimate Tool Kit for Technology Solution Provider

Broken down into practical pointers and step-by-step instructions, the IT Service Excellence Tool Kit delivers expert advice for technology solution providers. Get your free copy now.

 
Michel PlungjanIT ExpertCommented:
So I gave you a tutorial. What more do you want?
0
 
Tom BeckCommented:
Here's a working sample.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Text Wrap</title>
    
</head>
<body>
<div style="float:left;width:0px;height:12em;"></div>
<div style="width:20%;height:20%;border:solid 1px green;font-style:italic;float:left;display:block;background-color:#fff;padding:10px;clear:left;margin:1em;">"
am curtail'd of this fair proportive tricks,Our steeds To the souls of our house In the lascivious pleasing nymph;I, that am not shaped front; And all the lascivious pleasing of the winter of the deep bosom of our house In the lascivious sun of York; And now, instead of York; And now, instead of our bruised arms
</div>
<div style="width:98%;height:98%;border:solid 1px black;padding:10px;">
am curtail'd of this fair proportive tricks,Our steeds To the souls of our house In the lascivious pleasing nymph;I, that am not shaped front; And all the lascivious pleasing of the winter of the deep bosom of our house In the lascivious sun of York; And now, instead of York; And now, instead of our bruised arms hung up for sportion, of this sun of this sun of fearful marches to merry meeting of fearful marches to merry meeting of York; And all the lascivious wrinkled for monuments; I, that am curtail'd of a lady's chamber To frightful adversaries, He capers nimbly in a lute. But I, that lour'd upon our bruised arms hung up for sportion, fair proportion, r discontent Made to delightful marches to merry meeting barded stern alarums chamber To the lascivious wrinkled for sportion, love's majesty To strut before a want lour'd upon our dreadful adversaries, Nor made glorious pleasing nymph; I, that love's majesty To fright the lascivious sun of mounting of this wreaths; I, that am not shaped for made to delightful marches to delightful marches to court an ambling nymph; I, that am not shaped front; And now, instead of mountings, Now are our brows bound with victorious pleasing barded steeds To strut before a want love's majesty To frightful adversaries, Our steeds To the souls of a lute. But I, that lour'd upon our dreadful adversaries, Our dreadful marches to court an amorous looking-glass; Our steeds To frightful adversaries, Our discontent Made to merry meeting nymph; I, that am not shaped front; And now, instead of our house In the winter of fearful marches to court an ambling nymph; I, that am rudely stamp'd, and with victorious wreaths; Our dreadful marches to delightful adversaries, Our steeds To frightful marches to court an amorous pleasing barded stern alarums chamber To strut before a wanton ambling of fearful marches to court an amorous looking-glass; I, that love's majesty To the winter of York; And all the deep bosom of York; And now, instead of this sun of the deep bosom of our dreadful measures. Grim-visaged war hath smooth'd his fair proportion, his summer by this wrinkled front; And now, instead of York; And all the souls of York; And now, instead of York; And all the clouds the souls of our brows bound war hath smooth'd his sun of a lute. But I, that am rudely stamp'd, and with victorious pleasing barded stern alarums chamber To strut before a want lour'd upon our bruised arms hung up for made glorious pleasing nymph; I, that am not shaped front; And now, instead of this fair proportive tricks, Our bruised arms hung up for sportive tricks, Now is that am rudely stamp'd, and war hath smooth'd his wrinkled for sportion, ith victorious looking-glass; Our bruised arms hung up for made glorious wreaths; I, that lour'd upon our discontent Made glorious wreaths; I, that am not shaped for sportive tricks, Now is the deep bosom of York; And now, instead of our house In the ocean buried. Now is that love's majesty To the deep bosom of fearful measures. Grim-visaged wanton ambling of mounting nymph; I, that am rudely stamp'd, and wanton ambling nymph; I, that am curtail'd of this fair proportive tricks, Our stern alarums changed to delight the souls of the lascivious sun of mountings, Our steeds To fright the souls of the ocean buried. Nor made glorious wrinkled front; And all the souls of York; And all the souls of this wrinkled front; And all 
am curtail'd of this fair proportive tricks,Our steeds To the souls of our house In the lascivious pleasing nymph;I, that am not shaped front; And all the lascivious pleasing of the winter of the deep bosom of our house In the lascivious sun of York; And now, instead of York; And now, instead of our bruised arms hung up for sportion, of this sun of this sun of fearful marches to merry meeting of fearful marches to merry meeting of York; And all the lascivious wrinkled for monuments; I, that am curtail'd of a lady's chamber To frightful adversaries, He capers nimbly in a lute. But I, that lour'd upon our bruised arms hung up for sportion, fair proportion, r discontent Made to delightful marches to merry meeting barded stern alarums chamber To the lascivious wrinkled for sportion, love's majesty To strut before a want lour'd upon our dreadful adversaries, Nor made glorious pleasing nymph; I, that love's majesty To fright the lascivious sun of mounting of this wreaths; I, that am not shaped for made to delightful marches to delightful marches to court an ambling nymph; I, that am not shaped front; And now, instead of mountings, Now are our brows bound with victorious pleasing barded steeds To strut before a want love's majesty To frightful adversaries, Our steeds To the souls of a lute. But I, that lour'd upon our dreadful adversaries, Our dreadful marches to court an amorous looking-glass; Our steeds To frightful adversaries, Our discontent Made to merry meeting nymph; I, that am not shaped front; And now, instead of our house In the winter of fearful marches to court an ambling nymph; I, that am rudely stamp'd, and with victorious wreaths; Our dreadful marches to delightful adversaries, Our steeds To frightful marches to court an amorous pleasing barded stern alarums chamber To strut before a wanton ambling of fearful marches to court an amorous looking-glass; I, that love's majesty To the winter of York; And all the deep bosom of York; And now, instead of this sun of the deep bosom of our dreadful measures. Grim-visaged war hath smooth'd his fair proportion, his summer by this wrinkled front; And now, instead of York; And all the souls of York; And now, instead of York; And all the clouds the souls of our brows bound war hath smooth'd his sun of a lute. But I, that am rudely stamp'd, and with victorious pleasing barded stern alarums chamber To strut before a want lour'd upon our bruised arms hung up for made glorious pleasing nymph; I, that am not shaped front; And now, instead of this fair proportive tricks, Our bruised arms hung up for sportive tricks, Now is that am rudely stamp'd, and war hath smooth'd his wrinkled for sportion, ith victorious looking-glass; Our bruised arms hung up for made glorious wreaths; I, that lour'd upon our discontent Made glorious wreaths; I, that am not shaped for sportive tricks, Now is the deep bosom of York; And now, instead of our house In the ocean buried. Now is that love's majesty To the deep bosom of fearful measures. Grim-visaged wanton ambling of mounting nymph; I, that am rudely stamp'd, and wanton ambling nymph; I, that am curtail'd of this fair proportive tricks, Our stern alarums changed to delight the souls of the lascivious sun of mountings, Our steeds To fright the souls of the ocean buried. Nor made glorious wrinkled front; And all the souls of York; And all the souls of this wrinkled front; And all 
am curtail'd of this fair proportive tricks,Our steeds To the souls of our house In the lascivious pleasing nymph;I, that am not shaped front; And all the lascivious pleasing of the winter of the deep bosom of our house In the lascivious sun of York; And now, instead of York; And now, instead of our bruised arms hung up for sportion, of this sun of this sun of fearful marches to merry meeting of fearful marches to merry meeting of York; And all the lascivious wrinkled for monuments; I, that am curtail'd of a lady's chamber To frightful adversaries, He capers nimbly in a lute. But I, that lour'd upon our bruised arms hung up for sportion, fair proportion, r discontent Made to delightful marches to merry meeting barded stern alarums chamber To the lascivious wrinkled for sportion, love's majesty To strut before a want lour'd upon our dreadful adversaries, Nor made glorious pleasing nymph; I, that love's majesty To fright the lascivious sun of mounting of this wreaths; I, that am not shaped for made to delightful marches to delightful marches to court an ambling nymph; I, that am not shaped front; And now, instead of mountings, Now are our brows bound with victorious pleasing barded steeds To strut before a want love's majesty To frightful adversaries, Our steeds To the souls of a lute. But I, that lour'd upon our dreadful adversaries, Our dreadful marches to court an amorous looking-glass; Our steeds To frightful adversaries, Our discontent Made to merry meeting nymph; I, that am not shaped front; And now, instead of our house In the winter of fearful marches to court an ambling nymph; I, that am rudely stamp'd, and with victorious wreaths; Our dreadful marches to delightful adversaries, Our steeds To frightful marches to court an amorous pleasing barded stern alarums chamber To strut before a wanton ambling of fearful marches to court an amorous looking-glass; I, that love's majesty To the winter of York; And all the deep bosom of York; And now, instead of this sun of the deep bosom of our dreadful measures. Grim-visaged war hath smooth'd his fair proportion, his summer by this wrinkled front; And now, instead of York; And all the souls of York; And now, instead of York; And all the clouds the souls of our brows bound war hath smooth'd his sun of a lute. But I, that am rudely stamp'd, and with victorious pleasing barded stern alarums chamber To strut before a want lour'd upon our bruised arms hung up for made glorious pleasing nymph; I, that am not shaped front; And now, instead of this fair proportive tricks, Our bruised arms hung up for sportive tricks, Now is that am rudely stamp'd, and war hath smooth'd his wrinkled for sportion, ith victorious looking-glass; Our bruised arms hung up for made glorious wreaths; I, that lour'd upon our discontent Made glorious wreaths; I, that am not shaped for sportive tricks, Now is the deep bosom of York; And now, instead of our house In the ocean buried. Now is that love's majesty To the deep bosom of fearful measures. Grim-visaged wanton ambling of mounting nymph; I, that am rudely stamp'd, and wanton ambling nymph; I, that am curtail'd of this fair proportive tricks, Our stern alarums changed to delight the souls of the lascivious sun of mountings, Our steeds To fright the souls of the ocean buried. Nor made glorious wrinkled front; And all the souls of York; And all the souls of this wrinkled front; And all 
</div>
</body>
</html>

Open in new window

0
 
Tom BeckCommented:
Just so you realize, the article cited in the accepted answer was written in 2004 and does not describe how to float a box in the middle of a block of text, only at the a top or bottom, left or right edge. A lot has changed since 2004, and it no longer requires the "hacks" described in the article. Use my sample instead. It completes the task without hacks and I tested it in Firefox, Opera, Safari, IE and Chrome.
0
 
Michel PlungjanIT ExpertCommented:
Question unaccepted to allow for point distribution
0
 
Michel PlungjanIT ExpertCommented:
However it seems your css does not work in IE7 (at least not when testing IE8 in IE7 mode)
0
 
Tom BeckCommented:
Like I said, a lot has changed since 2004. If you are going to add hacks to allow for older browsers, at least start with code that meets the modern standards.
0
 
Michel PlungjanIT ExpertCommented:
Sure - which is why I reopened the question - however some hack must be needed since I know of many corporations where IE6 is STILL the default browser :(
0
 
Tom BeckCommented:
I was ok with the conclusion to the question, I just wanted to point out to @JCW2 how old that article was, but thanks for thinking of me. I gave the asker a modern alternative and hopefully it's being used. I've got my quota of points for the month and you do to so it's more about giving the best advice to try to help out. Agreed? Once you have enough points to maintain your membership, any additional points you get are as useless as the ones you get for playing a video game.

@JCW2, do you have anything to say?
0
 
JCW2Author Commented:
Thank you for your help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.