Обрезание текста в CSS

Задание 1

Сделайте див шириной 200px. Сделайте так, чтобы текст в этом диве не переходил на новую строку. Добавьте в див длинный текст, который не будет помещаться по ширине в этот блок. Проверьте то, что текст вылезет с правой части блока.

Задание 2

Модифицируйте предыдущую задачу так, чтобы в диве при вылезании текста появлялась горизонтальная полоса прокрутки.

Задание 3

Модифицируйте предыдущую задачу так, чтобы вылезающий по горизонтали текст обрезался.

Задание 4

Модифицируйте предыдущую задачу так, чтобы при обрезании текста ему в конец добавлялось троеточие.

Задание 5

Модифицируйте предыдущую задачу так, чтобы по наведению мышкой на див текст переставал выстраиваться в одну линию и див расширялся по высоте, вмещая весь текст.