CSS box-sizing max width Example

You can edit / change the code and click run button

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>Width, Height and Overflow Properties</title>
<script>var clicky_site_ids = clicky_site_ids || []; clicky_site_ids.push(101319977);</script><script async src="//static.getclicky.com/js"></script></head>
<style type="text/css">
/*	Page Styles
------------------------------------- */
/*	Page Styles
------------------------------------- */
body {
	font: 1.1em/1.3 sans-serif;
	margin: 0;
	padding: 0 10%;
}
nav {
	margin: 1.5em 0;
}
a {
   	width: 100px;
  	margin: 15px 0;
  	display: inline-block;
}
div {
	padding: 10px 50px;
	background-color:  	#B22222;
	border: 10px solid #DDD;
	width: 500px;
	max-height: 200px;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	overflow: auto;
}
</style>
<body>   
	<nav>
		<a href="#">About Me</a>
		<a href="#">My Work</a>
		<a href="#">Contact Me</a>
	</nav>
	<div>
		<p>Veggies sunt bona vobis, proinde vos postulo esse magis kohlrabi courgette sorrel rock melon summer purslane soybean bitterleaf fennel.</p>
		<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>
		<p>Arugula cress bitterleaf rutabaga potato burdock celery chard eggplant desert raisin. Desert raisin fava bean tomato zucchini welsh onion sea lettuce seakale lentil quandong ricebean gumbo sorrel collard greens arugula chard radicchio.</p>
	</div>
</body>
</html>