Cropping Text in CSS

Задание 1

Make a div with a width of 200px. Make sure that the text in this div does not go to a new line. Add long text to the div that will not fit in width in this block. Check that the text will come out from the right side of the block.

Задание 2

Modify the previous task so that a horizontal scroll bar appears in the div when the text appears.

Задание 3

Modify the previous task so that the horizontal text is cut off.

Задание 4

Modify the previous task so that when text is truncated, an ellipsis is added to the end of it.

Задание 5

Modify the previous task so that when you hover over the div with the mouse, the text stops lining up and the div expands in height to accommodate all the text.