How to hide text horizontally in header?

Question

css

Let's say we have this code:

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

all the text does not fit into the div, I just need to hide it outside the div, but no matter what I do, it is transferred to the second line

Answer 1

htmlbook.ru/css/text-overflow
for example:

h3 {
 text-overflow: ellipsis;
}

Answer 2

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

Example