make a div block share a line?

Question

-edit- example: http://jsfiddle.net/AXCap/

i want the three links to be on the same line but the 3rd must be a block to take up remaining space in the li so that it is clickable. I tried a number of things and the example linked above is my closest result. How do i make the 3rd link share the same line and a block so the resut of the line is clickable?

I tried float left and that does not allow the third link to take up remaining space.

Answer 1

Please post the CSS with the class names associated with the links.

If they are not doing any positioning, then this might work:

<li><nobr><a href=... class="one"><a href=... class="two"><a href=... class="three"></nobr></li>

HTH

Answer 2

Try giving one and two a display: inline and then give 3 a display: block

If that doesn't work, give one and two a float: left and 3 a clear: left

EDIT

Scratch that. I misread your original post.

What about giving all 3 a display: inline?

Answer 3

Something like that http://jsfiddle.net/3L7MW/ ?