Как скрыть текст по горизонтали в заголовке?

Question

[Денис Букреев]

Допустим, есть такой код:

<div style="width:200px">
   <h3>Очень-очень длинный текст, такой длинный, что длинный</h3>
</div>

весь текст в див не влезает, мне надо его просто скрыть за границами дива, но что бы я не делал - он переносится на вторую строку

Answer 1

[archelon]

htmlbook.ru/css/text-overflow
например:

h3 {
 text-overflow: ellipsis;
}

Comments

[Денис Букреев]

Андрей Федоров: и без white-space: nowrap;
главное, что вообще работает

[Андрей Федоров]

не сработает без overflow: hidden; а так же автору нужно добавить white-space: nowrap;

[Андрей Федоров]

Денис Букреев: +

Answer 2

[Идель Гизатуллин]

h3 {
  white-space: nowrap; /* Запрещаем перенос строк */
  overflow: hidden; /* Обрезаем все, что не помещается в область */
  text-overflow: ellipsis; /* Добавляем многоточие */
}

Пример

Comments

[Денис Букреев]

ответ уже был найден

[Идель Гизатуллин]

Денис Букреев: :—(