Orezánie textu v CSS
text-overflowЗадание 1
Vytvorte div so šírkou 200px. Zaistite,
aby text v tomto dive neprechádzal
na nový riadok. Pridajte do divu dlhý text,
ktorý sa nebude zmestovať do šírky tohto
bloku. Skontrolujte, že text bude prečnievať z pravej
časti bloku.
Задание 2
Upravte predchádzajúcu úlohu tak, aby sa v dive pri prečnievaní textu objavila horizontálna posuvná lišta.
Задание 3
Upravte predchádzajúcu úlohu tak, aby sa prečnievajúci horizontálny text orezał.
Задание 4
Upravte predchádzajúcu úlohu tak, aby sa pri orezávaní textu na jeho koniec pridali tri bodky.
Задание 5
Upravte predchádzajúcu úlohu tak, aby pri prejdení myšou nad divom text prestal zobrazovať v jednom riadku a div sa rozšíril do výšky, aby obsiahol celý text.