Изрязване на текст в CSS

text-overflow
Задание 1

Направете div с ширина 200px. Направете така, че текстът в този div да не преминава на нов ред. Добавете в div-а дълъг текст, който няма да се събира по ширина в този блок. Проверете, че текстът ще излезе от дясната страна на блока.

Задание 2

Модифицирайте предната задача така, че в div-а при излизане на текст да се появи хоризонтална лента за превъртане.

Задание 3

Модифицирайте предната задача така, че излизащият хоризонтално текст да бъде отрязан.

Задание 4

Модифицирайте предната задача така, че при отрязване на текст в неговия край да се добавя многоточие.

Задание 5

Модифицирайте предната задача така, че при поставяне на мишката върху div-а текстът да спре да се подрежда в един ред и div-а да се разшири по височина, събирайки целия текст.