Wie man div auf einer Zeile hält und Ellipsen anfügt

Gibt es einen Weg in CSS, um sicherzustellen, dass ein div oder eine Klasse nur aus einer Textzeile besteht, und wenn es überläuft, fügen Sie Ellipsen hinzu? Ich weiß, dass Sie die div / class auf eine bestimmte Höhe und overflow:hidden setzen können, aber es sieht seltsam aus für was ich versuche zu tun.

Im Bild unten sehen Sie, dass das div auf der rechten Seite größer ist als das auf der linken Seite. Wenn ich den Namen des Songs eine Zeile mit Ellipsen machen kann, haben beide die gleiche Höhe. Wer weiß, wie man das erreicht? P.S. Ich möchte einen besseren Weg als etwas wie $song = substr(0, 10, $song) in PHP ... etwas hoffentlich mit CSS möglich machen.