Hello,

Sorry if the title was not clear, but i didnt know how to exactly describe this:

I am having a piece of text of about 3 lines, this is displayed in a table cell. Text is aligned left. On the last line, i would like to display a text "read more", but not right next to the last word, but on the right side of the table cell. How would i do this? A SPAN displays next to the last word, a DIV displays below the last textline, and if i give it a relative position and top: -15px, then my table cell displays 15px of empty space at the bottom.

Any ideas?

Thanks!

Matt

use float:right on a div element with a fixed width

ok thanks!

Or use a span for the word and give it a
position: absolute;
bottom: 0px;
right: 0px;

So you will have the span always at the bottom of your text-box.

Originally Posted by Pixel King

Or use a span for the word and give it a
position: absolute;
bottom: 0px;
right: 0px;

So you will have the span always at the bottom of your text-box.

I am relatively sure this only works if the parent element [i.e. - <div>] has position: relative;.

Nick

I am relatively sure this only works if the parent element [i.e. - <div>] has position: relative;.

Well, you're half right, the parent element has to be positioned, either relative or absolute, otherwise it will position it relative to the BODY and not the div you want it in/near.

Originally Posted by LadynRed

Well, you're half right, the parent element has to be positioned, either relative or absolute, otherwise it will position it relative to the BODY and not the div you want it in/near.

You are absolutely correct, and that was a good idea clarifying.

I guess I was focusing more on the issue at hand, which would be making the parent element have relative positioning. Which is true, because they probably do not want the parent, again in this case, to have absolute positioning.

Nick