On 2008-08-27, Ed Jay <edMbj@aes-intl.com> wrote:
> Ben C wrote:
>
>>On 2008-08-27, Ed Jay <edMbj@aes-intl.com> wrote:
>>> I have two divs. The left div is floated left and the right div is floated
>>> right. If the left div contains a single line, the left and right divs are
>>> on the same line (obviously). But...the left div content is dynamic and its
>>> content can occupy two or three lines, When it contains more than one line,
>>> the right div is positioned on the top line of the left div content. I need
>>> (want) it to be positioned on the last (lowest) line of the left div
>>> content. How do I do it?
>>>
>>> Example:
>>>
>>> I get:
>>>|Left div| |right div|
>>>| |
>>>
>>> I want:
>>>|Left div|
>>>| | |right div|
>>
>>clear: left and margin-top: -1.1em on the right hand div.
>
> Thank you. Very much!
>
> Your solution almost worked, but the lines didn't quite align.

I thought you might ask that.

> Ended up with setting the right margin to +1em, without the clear

You mean the top margin on the right div

> left, and it lined up OK. This works fine for two lines of content,
> but what if the content occupies three or more lines?

Better to go with the original negative margin, but also set line-height:
1.1em on the right div.