HTML & CSS Web Design
Html Css > Code Examples
P paragraph tag overflow auto visible scroll hidden
P paragraph tag overflow auto visible scroll hidden
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
<head>
<title>overflow</title>
<style type='text/css'>
p {
font: 16px arial;
border: 1px solid pink;
background: blue;
padding: 5px;
width: 200px;
height: 200px;
float: left;
margin: 5px;
}
p#visible {
overflow: visible;
}
p#auto {
overflow: auto;
}
p#scroll {
overflow: scroll;
}
p#hidden {
overflow: hidden;
}
</style>
</head>
<body>
<p id='visible'>
In solitude, What happiness?<br>
Who can enjoy alone, Or all enjoying,<br>
what contentment find? ("Paradise Lost")<br><br>
John Milton
</p>
<p id='auto'>
True knowledge derives from a suspect or revelation.<br><br>
Herman Melville
</p>
<p id='scroll'>
Love is only a dirty trick played on us to achieve continuation of the species.<br><br>
W. Somerset Maugham
</p>
<p id='hidden'>
Love is that enviable state that knows no envy or vanity,<br>
only empathy and a longing to be greater than oneself.<br><br>
Joe McMahon
</p>
</body>
</html>
