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 has overflow set to visible. Writing some more text to ensure that it overflows.
This has overflow set to hidden. A user agent may clip this text here.
This has overflow set to scroll. A user agent may put scroll bars here.