[UPHPU] [CSS] - Text Wrapping Question.

[Smith, Jeff]

I have been racking my brain on this for a while and thought I would see
what you guys think.

 

I have the following HTML snippit.  I want the text to wrap around the
image.  I have tried setting the class bbImg to float left and right,
and that works.  The problem is when I have the img block float it
overflow the "post" container.  Is there a way to have the post
container grow with the text/images and still have it wrap.

 

Example 1 (no floating) http://www.arcanatower.com/textExample.html

Example 2 (float left) http://www.arcanatower.com/textExample2.html

 

 

<div class="post">

                <div class="postTitle">

                HDR, Revisted.

                                <span class="when">

                                [2006-09-07 08:53:58]

                                </span>

                </div>

                <div class="postBody">

                <p>So Deliveror gave me my birthday present last night
and boy was a suprised. ;)  It was a kick ass &quot;reverse
engineer&quot; t-shirt <img class="bbImg"
src="http://www.thinkgeek.com/images/products/front/lg-reverse-engineer.
jpg" alt="User submitted image" title="User submitted image"/>. </p>

<p>HDR was good even if it did start a bit late.  Everyone had a copy of
Half Life 2, and by everyone I mean all 3 of us. :|  It was still fun.
With Maximus Manimal out studying it was kind of lopsided.  Deliveror
had nearly 3x as many kills as anyone else.  The good thing is Bog and I
are nearly the same skill level (I am better...at dying).</p>

<p>We also got to try out a top secret project more info on that later.
Those that know, know and those that don't will know soon enough.</p>

                </div>

</div>

 

Jeff Smith