Here's the code:
<html>
<head>
<title>nice and free CSS Template 10</title>
<meta http-equiv= "Content-type" content= "text/html"; Charset=iso-8859-1 "/>
<style type= "text/css" media= "screen" ><!--
Body {
Background-color: #e1ddd9;
font-size:12px;
Font-family:verdana, Arial, Helvetica, Sunsans-regular, Sans-serif;
color: #564b47;
margin:20px 140px 20px 140px;
Text-align:center;
}
#content {
width:100%;
padding:0px;
Text-align:left;
Background-color: #fff;
Overflow:auto;
}
p, H1, pre {
margin:0px;
padding:10px;
}
H1 {
font-size:11px;
text-transform:uppercase;
Text-align:right;
color: #564b47;
Background-color: #90897a;
}
a {
color: #ff66cc;
font-size:11px;
background-color:transparent;
Text-decoration:none;
}
--></style></head>
<body>
<div id= "Content" >
<p><b>center</b><br/><br/>
This BOX ist centered and adjusts itself to the browser window.<br/>
the height ajusts itself to the content.<br/>
<a href= "/" >more nice and free css templates</a>
</p>
<pre>
Body {
Background-color: #e1ddd9;
font-size:12px;
Font-family:verdana, Arial, Helvetica, Sunsans-regular, Sans-serif;
color: #564b47;
margin:20px 140px 20px 140px;
Text-align:center;
}
#content {
width:100%;
padding:0px;
Text-align:left;
Background-color: #fff;
Overflow:auto;
}
</pre>
<p>
<img src= "xhtml10.gif" alt= "" width= "" height= "" border= "0"/> <img src= "css.gif" alt= "" width= "" Heig " ht= "border=" "0"/>
</p>
</div>
</body>
</html>