Question

Is it somehow possible to know where the text is split and a new line is started and hide everything after the first line, either with css or with js?

So if I have the following text displayed in the browser

 aaa aaa aaa aaa 
 bbb bbb bbb bbb

Only the first line should be displayed.

Note that the second line is started because of the width of the div container, not because of using <br /> or similar.

Answer 1

You can do this with CSS.

#content {
    height: 1em;
    overflow: hidden;
}

See example on jsFiddle.