You can edit / change the code and click run button
​x
 
1
​
2
​
3
​
4
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
5
    <title>Width, Height and Overflow Properties</title>
6
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script>
7
<style type="text/css">
8
/*  Page Styles
9
------------------------------------- */
10
/*  Page Styles
11
------------------------------------- */
12
body {
13
    font: 1.1em/1.3 sans-serif;
14
    margin: 0;
15
    padding: 0 10%;
16
}
17
nav {
18
    margin: 1.5em 0;
19
}
20
a {
21
    width: 100px;
22
    margin: 15px 0;
23
    display: inline-block;
24
}
25
div {
26
    padding: 10px 50px;
27
    background-color:   #FF7F50;
28
    border: 10px solid #DDD;
29
    width: 500px;
30
    max-height: 200px;
31
    -moz-box-sizing: border-box;
32
    box-sizing: border-box;
33
    overflow: auto;
34
}
35
</style>
36
  
37
    <nav>
38
        <a href="#">About Me</a>
39
        <a href="#">My Work</a>
40
        <a href="#">Contact Me</a>
41
    </nav>
42
    <div>
43
        <p>Veggies sunt bona vobis, proinde vos postulo esse magis kohlrabi courgette sorrel rock melon summer purslane soybean bitterleaf fennel.</p>
44
        <p>Pumpkin ricebean gourd cauliflower water chestnut garlic parsley bunya nuts earthnut pea tomato lettuce. Swiss chard chickpea burdock soybean soko cucumber garlic wakame pea arugula azuki bean turnip greens spinach eggplant.</p>