Oříznutí textu v CSS

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.

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

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

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

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.