Troncamento del testo in CSS

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.

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

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

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

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.