Article layout : One Column « Layout « HTML / CSS
- HTML / CSS
- Layout
- One Column
Article layout
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>The Effect of the Internet on Psychological Theories of Self</title>
<style rel="stylesheet" type="text/css">
body {
background-color: #000000;
}
div.page {
width: 650px;
border-style: solid;
border-width: 1px;
border-color: #666;
}
div.heading {
background-color: #999;
padding: 10px;
}
div.body {
background-color: #EFEFEF;
padding: 10px;
}
h1 {
font-size: 22pt;
color: #000066;
}
h2 {
font-size: 18pt;
color: #000066;
}
p {
font-size: 14pt;
color: #000000;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
</head>
<body>
<div class="page">
<div class="heading">
<h1>Header</h1>
</div>
<div class="body">
<h2>Abstract</h2>
<p>identity.</p>
<p>This is a test. This is a test. .</p>
...
</div>
</div>
</body>
</html>
Related examples in the same category