Floating Text Inside Text

Question

QUESTION: What is the best way to float a box of text inside
a paragraph of text, such that the floated text does not appear at
the top of the containing paragraph?
BACKGROUND
1) I know how how to float a captioned image with a floated
<p> tag at the top of a paragraph (see
http://homepage.mac.com/moogoonghwa/practice/CSS/floatedImageInParagraph.html),
and
2) I know how to float a letter inside a <span> or HTML
semantic tag at the top of a paragraph of text (see
http://homepage.mac.com/moogoonghwa/practice/CSS/firstLetterOfParagraph.html).
This time I would like to float a paragraph of text inside
another paragraph of text in such a way that it does not appear at
the top of the paragraph. I have considered three possibilities:
The <span> Tag
This option seems preferable because it is inline, and the
floated text would always appear at the same location within the
containing <p> tag. I am concerned, however, that this
approach would limit the ways in which I am able to format the text
inside the <span> tag, Could I put a <p> tag inside a
<span> tag, for example? If I remember correctly, the answer
is no.
The <p> Tag
Using the <p> would insure that the floated text would
always appear at the same location in the flow of the document. It
would also permit to format the "embedded text" in a variety of
ways. Unfortunately, it would necessarily split the containing
paragraph into two paragraphs.
The <div> Tag
Although this tag would permit me to structure the embedded
text in anyway that I desired, I am concerned that it would cause
disruption to the containing paragraph of text similar to that of
an inserted [p] tag.
Roddy

Answer 1

I'm having a hard time visualizing what you want. Would it be
something
like this?
11111111111111
11111222221111
11111222221111
11111222221111
11111111111111
Where 1 and 2 are the two paragraph contents? If so, then you
can't really
do that in HTML/CSS.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kiusau" <[email protected]> wrote in
message
news:[email protected]...
>
QUESTION: What is the best way to float a box of text inside
a
> paragraph of text, such that the floated text does not
appear at the top
> of the
> containing paragraph?
>
>
BACKGROUND
>
> 1) I know how how to float a captioned image with a
floated <p> tag at the
> top
> of a paragraph (see
>
http://homepage.mac.com/moogoonghwa/practice/CSS/floatedImageInParagraph.html),
> and
>
> 2) I know how to float a letter inside a <span> or
HTML semantic tag at
> the
> top of a paragraph of text (see
>
http://homepage.mac.com/moogoonghwa/practice/CSS/firstLetterOfParagraph.html).
>
> This time I would like to float a paragraph of text
inside another
> paragraph
> of text in such a way that it does not appear at the top
of the paragraph.
> I
> have considered three possibilities:
>
>
The <span> Tag
> This option seems preferable because it is inline, and
the floated text
> would
> always appear at the same location within the containing
<p> tag. I am
> concerned, however, that this approach would limit the
ways in which I am
> able
> to format the text inside the <span> tag, Could I
put a <p> tag inside a
> <span> tag, for example? If I remember correctly,
the answer is no.
>
>
The <p> Tag
> Using the <p> would insure that the floated text
would always appear at
> the
> same location in the flow of the document. It would also
permit to format
> the
> "embedded text" in a variety of ways. Unfortunately, it
would necessarily
> split the containing paragraph into two paragraphs.
>
>
The <div> Tag
> Although this tag would permit me to structure the
embedded text in anyway
> that I desired, I am concerned that it would cause
disruption to the
> containing
> paragraph of text similar to that of an inserted [p]
tag.
>
> Roddy
>