Article layout : One Column : Layout HTML CSS TUTORIALS

HTML CSS TUTORIALS » 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>