Сечење на текст во CSS

text-overflow
Задание 1

Направете div со ширина од 200px. Направете така што текстот во овој div да не преминува во нова линија. Додадете во div-от долг текст, кој нема да се смести по ширина во овој блок. Проверете дека текстот ќе излезе од десната страна на блокот.

Задание 2

Модифицирајте ја претходната задача така што во div-от при излегување на текстот да се појави хоризонтална лота за лизгање.

Задание 3

Модифицирајте ја претходната задача така што текстот што излегува хоризонтално да се сече.

Задание 4

Модифицирајте ја претходната задача така што при сечење на текстот на неговиот крај да се додадат три точки.

Задание 5

Модифицирајте ја претходната задача така што при преминување со глувчето врз div-от текстот да престане да се поставува во една линија и div-от да се прошири по висина, содржејќи го целиот текст.