<!DOCTYPE html>
<html>
<head>
<style type="text/css">

#visible, #hidden, #scroll, #auto
{
width:400px;
height:100px;
background-color:#FFD9FA;
 }
#visible
{
overflow: visible;
}
#hidden
{
overflow: hidden;
}
#scroll
{
overflow: scroll;
}
#auto
{
overflow: auto;
}
</style>
</head>
<body>
<div id="visible">
<h1>1. overflow: visible</h1>

Cascading Style Sheets (CSS) is a style sheet language 
used for describing the look and formatting of a document written in a markup language.
While most often used to style web pages and interfaces written in HTML and XHTML, 


</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="hidden">
<h1>2. overflow: hidden</h1>
Cascading Style Sheets (CSS) is a style sheet language 
used for describing the look and formatting of a document written in a markup language.
While most often used to style web pages and interfaces written in HTML and XHTML, 

</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="scroll">
<h1>3. overflow: scroll</h1>
Cascading Style Sheets (CSS) 

</div>
<p>&nbsp;</p>
<p>&nbsp;</p>

<div id="auto">
<h1>4. overflow: auto</h1>
Cascading Style Sheets (CSS) is a style sheet language 
used for describing the look and formatting of a document written in a markup language.
While most often used to style web pages and interfaces written in HTML and XHTML, 

</div>
</body>
</html>