It depends on what the exact problem is that you are having. You're saying that you get an extra line, if you mean with this statement that the text moves to the next line rather than showing .... you want fix that using the css white-space statement.
The white-space statement specifies line-wrapping. I tested the following combination of CSS statements, and that worked for me:
white-space: nowrap; //Prevent the text from breaking to the next line
overflow: hidden; //Hide the text that is longer than the display area
text-overflow: ellipsis; //Add the ... at the end of the line if the overflow is hidden