Przycinanie tekstu w CSS

text-overflow
Задание 1

Stwórz diva o szerokości 200px. Spraw, aby tekst w tym divie nie przechodził do nowej linii. Dodaj do diva długi tekst, który nie zmieści się w szerokości tego bloku. Sprawdź, że tekst wyjdzie z prawej strony bloku.

Задание 2

Zmodyfikuj poprzednie zadanie tak, aby w divie przy wychodzeniu tekstu pojawił się poziomy pasek przewijania.

Задание 3

Zmodyfikuj poprzednie zadanie tak, aby wychodzący poziomo tekst był przycinany.

Задание 4

Zmodyfikuj poprzednie zadanie tak, aby przy przycinaniu tekstu na jego końcu dodawany był wielokropek.

Задание 5

Zmodyfikuj poprzednie zadanie tak, aby po najechaniu myszką na diva tekst przestawał układać się w jednej linii, a div rozszerzał się na wysokość, mieszcząc cały tekst.