26 lines
		
	
	
		
			769 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			26 lines
		
	
	
		
			769 B
		
	
	
	
		
			HTML
		
	
	
	
	
	
<!DOCTYPE html>
 | 
						|
<html lang="en">
 | 
						|
<head>
 | 
						|
<title>Examples of the Box Model</title>
 | 
						|
<meta charset="utf-8">
 | 
						|
<style>
 | 
						|
body { background-color: #FFFFFF;
 | 
						|
      font-size:larger;
 | 
						|
}
 | 
						|
h1 { background-color: #D1ECFF; 
 | 
						|
        border: 1px solid #000000;
 | 
						|
		padding: 20px;
 | 
						|
}
 | 
						|
#box { background-color: #74C0FF;
 | 
						|
        border: 5px solid #000000;
 | 
						|
}
 | 
						|
</style>
 | 
						|
</head>
 | 
						|
<body>
 | 
						|
<h1>Examples of the Box Model</h1>
 | 
						|
<div id="box">HTML elements display as boxes on web pages. This div element is configured to have a light blue background, the browser default padding (which is no padding), and a black 5 pixel border. The empty space where the page background shows through between this element and the element above is an example of the margin. </div>
 | 
						|
 | 
						|
 | 
						|
 | 
						|
</body>
 | 
						|
</html> |