Teksto trumpinimas CSS

text-overflow
Задание 1

Sukurkite div elementą, kurio plotis 200px. Padarykite taip, kad tekstas šiame dive neperšoktų į naują eilutę. Į dive įdėkite ilgą tekstą, kuris netilps į šio bloko plotį. Patikrinkite, kad tekstas išeis už dešiniojo bloko krašto.

Задание 2

Modifikuokite ankstesnę užduotį taip, kad dive, kai tekstas išeina už ribų, atsirastų horizontali slinkties juosta.

Задание 3

Modifikuokite ankstesnę užduotį taip, kad tekstas, išeinantis horizontaliai, būtų sutrumpintas.

Задание 4

Modifikuokite ankstesnę užduotį taip, kad sutrumpinus tekstą, į jo pabaigą būtų pridėtas daugtaškis.

Задание 5

Modifikuokite ankstesnę užduotį taip, kad užvedus pelės žymeklį ant div elemento, tekstas nustotų išsidėstyti vienoje eilutėje ir div elementas išsiplėstų į aukštį, talpindamas visą tekstą.