The style declarations which apply to the text below are:

.show { width: 50px; height: 40px; border:black;margin-top: 20px; margin-left: 25px;overflow: visible; }
.hide { width: 50px; height: 40px; border:black;margin-top: 20px; margin-left: 25px; overflow: hidden; }
.scroll { width: 50px; height: 40px; border:black;margin-top: 20px; margin-left: 25px; overflow: scroll; }

div.test { border: medium solid red; background: yellow; color: black; width: 70px; height: 70px;}
This is some text inside this box.

This has overflow set to visible. Writing some more text to ensure that it overflows.

This is some text inside this box.

This has overflow set to hidden. A user agent may clip this text here.

This is some text inside this box.

This has overflow set to scroll. A user agent may put scroll bars here.