The easiest way is to have something like this:
#cindyContainer img {
float: left;
margin: 0 10px 4px 0;
}
#jenniferBio img {
float: right;
margin: 0 0 4px 10px;
}
Look at this sample page:
<http://www.mytechnet.talktalk.net/trainers01.htm>
Good luck.
> Date: Wed, 4 Jan 2012 16:13:33 -0800
> From: bbre...@stellarmicro.com
> To: css-d@lists.css-discuss.org
> Subject: [css-d] Need help with floats
>
> I'm developing a page (only needs to be viewable by MSIE at this time)
> where there is a div containing 2 images and 2 text blurbs.
>
>
>
> The upper image is at the top and floats left with the text flowing
> around it on the right, which mostly works.
>
>
>
> The lower image is supposed to be opposite; positioned at the bottom and
> floated right, with the text to the left flowing around the image, but
> the text does not flow.
>
>
>
> Would someone have the time to look at this and advise? The page can be
> viewed here:
>
>
>
> http://manicreader.com/test.html
>
>
>
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
