Trunchierea textului în CSS

Creați un div cu lățimea de 200px. Faceți astfel încât textul din acest div să nu treacă pe o linie nouă. Adăugați în div un text lung, care nu va încăpea în lățime în acest bloc. Verificați că textul va ieși în partea dreaptă a blocului.

Modificați sarcina anterioară astfel încât în div să apară o bară de derulare orizontală când textul depășește limitele.

Modificați sarcina anterioară astfel încât textul care depășește pe orizontală să fie trunchiat.

Modificați sarcina anterioară astfel încât la trunchierea textului să i se adauge puncte de suspensie la final.

Modificați sarcina anterioară astfel încât la trecerea mouse-ului peste div, textul să nu se mai alineieze pe o singură linie, iar div-ul să se extindă pe înălțime, conținând tot textul.