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