Как обрезать многострочный текст?

Question

[Zimaell]

Подскажите как обрезать многострочный текст?
Суть такова - есть блок высотой в 90px и шириной 300px, если помещаемый текст в него не влазит то после последнего слова ставится троеточие, в сети на такой вопрос вот такой пример

.test{
  width:300px; 
  height:90px; 
  text-align:left;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  }

но тогда все прячется уже после первой строки, если убрать white-space:nowrap; то видно неполный текст за пределами блока, то есть верхушка в 5px слов которые заходят за рамки блока.
Подскажите как сие сделать?

Answer 1

[Варлам Ерофеич]

У меня почему-то всё нормально:
(если текст действительно многострочный, что и подтверждается тегом <br> или абзацем)))

Comments

[Zimaell]

Нет
, данный текст используется для заголовков без
, так как он может быть блинным то и занимает в блоке несколько строк....

[Варлам Ерофеич]

Zimaell, тексты с автопереносом нежелательно называть "многострочными", поскольку это вводит в заблуждение людей, желающих помочь. Кроме того, подробности и примеры использования
(такие как "данный текст используется для заголовков без<br>") желательно заведомо указывать в теле вопроса.
Ну а самый лучший вариант вопроса - это песочница, в которой гораздо легче отыскать ошибки и исправить их. )))
- Изменил песочницу под новые условия автора.
(заголовок h3 оставил с автопереносом, убрав всё лишнее в его стиле)))
Каков же должен быть конечный результат, коего добивается автор вопроса, - я так и не понял... )))