Cropping Text in CSS

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.

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

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

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

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.