Oříznutí textu v CSS

Задание 1

Vytvořte div o šířce 200px. Zařiďte, aby text v tomto divu nepřecházel na nový řádek. Přidejte do divu dlouhý text, který se nebude vejít do šířky tohoto bloku. Ověřte, že text vyjede z pravé části bloku.

Задание 2

Upravte předchozí úkol tak, aby v divu při vyjetí textu vznikla vodorovná posuvník.

Задание 3

Upravte předchozí úkol tak, aby se text vyjíždějící vodorovně ořízl.

Задание 4

Upravte předchozí úkol tak, aby se při oříznutí textu na jeho konec přidala trojtečka.

Задание 5

Upravte předchozí úkol tak, aby při najetí myší na div text přestal být uspořádán do jednoho řádku a div se roztáhl do výšky, aby pojal celý text.