Browser Test

This page has the following style code:

<style type="text/css"> 
body { 
	background-color: #B5FF84; 
	margin: 0; 
} 
p { 
	background-color: #ffffff; 
} 
.codeblock { 
	margin-left: auto; 
	margin-right: auto; 
	padding: 10px; 
	border: 1px solid #000000; 
	background-color: #FFFFCC; 
	width: 	22em; 
	white-space: pre; 
} 
</style> 

In Firefox, Internet Explorer, and Safari the text on this page should be obnoxiously close to the side of the browser, which makes it hard to read. In Opera this page should have normal default browser spacing between the edge of the browser window and the text, which makes it easier to read.

You might also notice a font display difference as well. If you have access to more than one operating system, please view this page on the different systems to see what difference the default font settings make.

The codeblock div above demonstrates the effect of padding and margin. To make the difference easier to see, a border was used to outline the div area. The margin is the space on the left between the edge of the page and the beginning of the div. While padding is the space between the content and the border.