Overflow auto : overflow : Box Model HTML CSS TUTORIALS


HTML CSS TUTORIALS » Box Model » overflow »

 

Overflow auto


 


<!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>Using Container Attributes</title>
    <style type="text/css" rel="stylesheet">
p.menu {
    border: thin solid gray;
    margin: 10px;
    padding: 10px;
}

p.top {
    width: 100px; 
    height:100px;
    overflow: auto; 
    border: thin solid gray;
    margin:10px;
    padding: 10px;
}
    </style>
  </head>
  <body>
    <p class="menu">
      this is a test. 
    </p>
    <p class="top">
      this is a test. this is a test. this is a test. this is a test. 
      this is a test. this is a test. this is a test. this is a test. 
      this is a test. this is a test. this is a test. this is a test. 
      this is a test. this is a test. this is a test. this is a test. 
      this is a test. this is a test. this is a test. this is a test. 
    </p>
  </body>
</html>

 



HTML code for linking to this page:

Follow Navioo On Twitter

HTML CSS TUTORIALS

 Navioo Box Model
» overflow