css overflow - всего одна строка текста

У меня есть div со следующим стилем css:

width:335px; float:left; overflow:hidden; padding-left:5px;

Когда я вставляю , в этот div , длинную строку текста, она переходит на новую строку и отображает весь текст. Я хочу, чтобы у меня была только одна строка текста, которая не прерывалась бы. Когда текст длинный, я хочу, чтобы этот переполненный текст исчез.

Я думал о настройке высоты, но это кажется неправильным.

Может быть, если я добавлю такую ​​же высоту, что и шрифт, она заработает и не вызовет проблем в разных браузерах?

Как я могу это сделать?