HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="sv">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<title>MIN WEBBSIDA</title>
<meta name="author" content="Namn">
<meta name="description" content="Beskrivning.">
<meta name="keywords" content="nyckelord, en fras, nyckelord">
<link rel="stylesheet" href="stilmall.css" type="text/css">
</head>
<body>

<div id="layout">

<div id="main">
<h1>Huvudrubrik</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.</p>
<p>Här är en lista:</p>
<ul>
<li>Punkt 1</li>
<li>Punkt 2</li>
<li>Punkt 3</li>
<li>Punkt 4</li>
<li>Punkt 5</li>
</ul>
<p>Här är en länk: <a href="http://www.ninetnetcom/" title="Länk till bra hemsideguide">NinetNet - Hemsideguide & HTML-skola</a></p>

</div>

<div id="side">

<ul id="meny">
<li>&raquo; <a href="sida1.html" title="Beskrivning av länken">Sida 1</a></li>
<li>&raquo; <a href="sida2.html" title="Beskrivning av länken">Sida 2</a></li>
<li>&raquo; <a href="sida3.html" title="Beskrivning av länken">Sida 3</a></li>
<li>&raquo; <a href="sida4.html" title="Beskrivning av länken">Sida 4</a></li>
<li>&raquo; <a href="sida5.html" title="Beskrivning av länken">Sida 5</a></li>
</ul>

</div>

<br class="clear">

</div>

</body>
</html>

CSS:

body {
padding: 0; margin: 0;
margin-top: 20px; margin-left: 30px;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #FFFFFF;
background-image: url();
background-repeat: repeat;
}

h1 {
font-family: Georgia, "Times New Roman", serif;
color: #000000;
}

.clear { clear: both; }

#layout { width: 98%; }

#side {
width: 22%;
float: left;
padding-top: 4em;
}

#main {
width: 75%;
float: right;
}

#meny {
list-style-type: none;
line-height: 1.5em;
padding: 0; margin: 0;
}

#meny a {
color: #000000;
font-weight: bold;
text-decoration: none;
}

#meny a:hover {
text-decoration: underline;
}