Տեքստի կտրում CSS-ում

text-overflow
Задание 1

Ստեղծեք 200px լայնությամբ div: Արդյունքում այս div-ի տեքստը չպետք է տեղափոխվի նոր տող: Ավելացրեք div-ին երկար տեքստ, որը չի տեղավորվի այս բլոկի լայնության մեջ: Ստուգեք, որ տեքստը դուրս կգա բլոկի աջ մասից:

Задание 2

Փոփոխեք նախորդ առաջադրանքն այնպես, որ div-ում տեքստի դուրս գալու դեպքում հորիզոնական ոլորման գիծ հայտնվի:

Задание 3

Փոփոխեք նախորդ առաջադրանքն այնպես, որ հորիզոնական դուրս եկող տեքստը կտրվի:

Задание 4

Փոփոխեք նախորդ առաջադրանքն այնպես, որ տեքստի կտրման դեպքում դրա վերջում ավելանա երեք կետ:

Задание 5

Փոփոխեք նախորդ առաջադրանքն այնպես, որ մկնիկը div-ի վրա դնելիս տեքստը դադարի մի գծով դասավորվել, և div-ը ընդլայնվի բարձրությամբ` տեղավորելով ամբողջ տեքստը: