CSS Block Overflow

overflow overflow-x overflow-y

Make a div with a width and height of 200px. Add long text to it that will not fit in height in this block. Check that the text will come out from the bottom of the block.

Modify the previous task so that when the text in the div extends in height, a vertical scroll bar appears.

Modify the previous task so that the vertical text that extends out is cut off.

Modify the previous task so that when you hover over the div, the height of the div becomes large enough to fit all the text into the div.

Make the div 300px wide and high. Add an image to our div that is larger than the div in width and height. Make sure the image extends beyond the div.

Modify the previous task so that scroll bars appear when the picture appears.

Modify the previous task so that the protruding parts of the image are cut off.

Modify the previous task so that the protruding parts of the image are cut off horizontally and a scroll bar appears vertically.

Make the div 150px wide and tall. Make it so that no matter what the div contains, it always has a vertical scrollbar.