I have tried now several things (and looked around here) and nothing worked so far. So I am going to ask.
What I want:
I have the following
Here is an answer using divs instead of a table: DEMO
HTML
First Baby
Last Guy
I will adjust between both of you guys
CSS
.container{
width: 300px;
}
.first{
float:left;
background: red;
}
.last{
float:right;
background: orange;
}
.adjust{
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}