Posted by Ciaran on 05/04/07 11:35

On May 4, 2:56 am, "Jonathan N. Little" <lws4...@centralva.net> wrote:
> Ciaran wrote:
> > Hi does anyone know how to set the bottom margin of a left floated
> > image to match the height of it's container? For example:
>
> > <div style="width:200px; background-color:#CCCCCC">
> > <img src="image.jpg" style="margin-right:20px; width:65px; float:left"/
> > long text long text long text long text long text long text long text
> > long text long text long text long text long text long text long text
> > long text
> > </div>
>
> > This example displays a simple image and text. I want the text to stop
> > wrapping beneath the image once the text clears the bottom of the
> > image. I want it to stay in line all the way down regardless of the
> > amount of text. Obviously it's easy with tables but what's the css
> > alternative?
>
> Need another DIV
>
> <div style="width:200px; background-color:#CCCCCC;">
> <img src="image.jpg" style="width: 65px; float: left;">
> <!-- set margin = width of image + right margin on image -->
> <div style="margin-left: 85px;">
> long text long text long text long text long text long text
> long text long text long text long text long text long text
> long text long text long text
> </div>
> </div>
>
> --
> Take care,
>
> Jonathan
> -------------------
> LITTLE WORKS STUDIOhttp://www.LittleWorksStudio.com- Hide quoted text -
>
> - Show quoted text -


Ah right! Very clever! Thank you both!

• Next in forum: Select (listbox) overload
• Prev in forum: Re: 100% height container
• Thread view: Re: simple image + text CSS layout question

[Reply to this message]