Troncamento del testo in CSS

text-overflow
Задание 1

Crea un div con una larghezza di 200px. Fai in modo che il testo in questo div non vada a capo. Aggiungi al div un testo lungo che non entrerà nella larghezza di questo blocco. Verifica che il testo fuoriesca dalla parte destra del blocco.

Задание 2

Modifica il compito precedente in modo che nel compaia una barra di scorrimento orizzontale quando il testo fuoriesce.

Задание 3

Modifica il compito precedente in modo che il testo che fuoriesce orizzontalmente venga troncato.

Задание 4

Modifica il compito precedente in modo che quando il testo viene troncato, vengano aggiunti i puntini di sospensione alla fine.

Задание 5

Modifica il compito precedente in modo che quando si passa il mouse sul div, il testo smetta di disporsi in una singola riga e il div si espanda in altezza, contenendo tutto il testo.