Try this page out.
Remove the <!doctype> declaration at the top of the page to see quirks mode in action.
<!doctype html>
<html>
<head>
<style>
ul
{
list-style-type: none;
}
li
{
/*
ie old rules width referred to
the combination of borders,
padding, AND what's inside the element.
standards say WIDTH EXCLUDES PADDING, borders.
*/
margin: 20px ;
padding: 20px 40px;
width: 250px;
border: solid 2px black;
background-color: #eee;
}
</style>
</head>
<body>
<ul>
<li>Digger</li>
<li>Styx</li>
<li>Heroes of might and magic</li>
<li>world of warcraft</li>
</ul>
</body>
</html>
