<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="ru">
		<id>http://wbex.ru/index.php?action=history&amp;feed=atom&amp;title=HTML%2FCSS%2FCSS_Attributes_and_Javascript_Style_Properties%2Fcontent_section</id>
		<title>HTML/CSS/CSS Attributes and Javascript Style Properties/content section - История изменений</title>
		<link rel="self" type="application/atom+xml" href="http://wbex.ru/index.php?action=history&amp;feed=atom&amp;title=HTML%2FCSS%2FCSS_Attributes_and_Javascript_Style_Properties%2Fcontent_section"/>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/content_section&amp;action=history"/>
		<updated>2026-04-04T07:14:10Z</updated>
		<subtitle>История изменений этой страницы в вики</subtitle>
		<generator>MediaWiki 1.30.0</generator>

	<entry>
		<id>http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/content_section&amp;diff=4834&amp;oldid=prev</id>
		<title> в 09:20, 26 мая 2010</title>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/content_section&amp;diff=4834&amp;oldid=prev"/>
				<updated>2010-05-26T09:20:59Z</updated>
		
		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table class=&quot;diff diff-contentalign-left&quot; data-mw=&quot;interface&quot;&gt;
				&lt;tr style=&quot;vertical-align: top;&quot; lang=&quot;ru&quot;&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;← Предыдущая&lt;/td&gt;
				&lt;td colspan=&quot;1&quot; style=&quot;background-color: white; color:black; text-align: center;&quot;&gt;Версия 09:20, 26 мая 2010&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; style=&quot;text-align: center;&quot; lang=&quot;ru&quot;&gt;&lt;div class=&quot;mw-diff-empty&quot;&gt;(нет различий)&lt;/div&gt;
&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;</summary>
			</entry>

	<entry>
		<id>http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/content_section&amp;diff=4835&amp;oldid=prev</id>
		<title>Admin: 1 версия</title>
		<link rel="alternate" type="text/html" href="http://wbex.ru/index.php?title=HTML/CSS/CSS_Attributes_and_Javascript_Style_Properties/content_section&amp;diff=4835&amp;oldid=prev"/>
				<updated>2010-05-26T08:16:03Z</updated>
		
		<summary type="html">&lt;p&gt;1 версия&lt;/p&gt;
&lt;p&gt;&lt;b&gt;Новая страница&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==Content background==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;&lt;br /&gt;
    &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot; title=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
body {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    background: #8b8b8b;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
#content {&lt;br /&gt;
    background: #ffffff;&lt;br /&gt;
    width: 500px;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Content DIV==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot;&lt;br /&gt;
    &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/html; charset=utf-8&amp;quot; /&amp;gt;&lt;br /&gt;
    &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot; title=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
body {&lt;br /&gt;
    padding: 0;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    background: red;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
    margin-top: 0;&lt;br /&gt;
}&lt;br /&gt;
#content {&lt;br /&gt;
    background: yellow;&lt;br /&gt;
    width: 500px;&lt;br /&gt;
    margin: 0 auto;&lt;br /&gt;
    padding: 10px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec mattis velit id dolor laoreet tempor. Nam nonummy rhoncus urna. Duis fermentum, mauris eget mollis vulputate, tortor sem pharetra arcu, sed nonummy nisl est et eros. In augue nisl, iaculis vel, tincidunt in, ullamcorper vitae, mauris. Suspendisse venenatis nisl varius felis. In commodo purus vel neque.&amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Content scrolls, fixed footer==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;?xml version=&amp;quot;1.0&amp;quot; encoding=&amp;quot;iso-8859-1&amp;quot;?&amp;gt;&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;Untitled Document&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=iso-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
#footer {&lt;br /&gt;
  height:100px;&lt;br /&gt;
  background:#ccc;&lt;br /&gt;
  width:100%;&lt;br /&gt;
  border-top:3px solid red;&lt;br /&gt;
  position:fixed;&lt;br /&gt;
  bottom:0;&lt;br /&gt;
  left:0;&lt;br /&gt;
  text-align:center;&lt;br /&gt;
}&lt;br /&gt;
#content {&lt;br /&gt;
  position:absolute;&lt;br /&gt;
  overflow:auto;&lt;br /&gt;
  background:#aaa;&lt;br /&gt;
  top:0;&lt;br /&gt;
  left:0;&lt;br /&gt;
  width:100%;&lt;br /&gt;
  bottom:103px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt; &lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll 1&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;Some text to scroll 2 &amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;p&amp;gt;end&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;footer&amp;quot;&amp;gt;Footer&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Content section with border==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot; &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html&amp;gt;&lt;br /&gt;
     &amp;lt;head&amp;gt;&lt;br /&gt;
      &amp;lt;meta http-equiv=&amp;quot;content-type&amp;quot; content=&amp;quot;text/xhtml; charset=windows-1252&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;meta http-equiv=&amp;quot;content-language&amp;quot; content=&amp;quot;en-us&amp;quot; /&amp;gt;&lt;br /&gt;
        &amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
            h1, h2 {&lt;br /&gt;
                margin: 0;&lt;br /&gt;
                background: gray;&lt;br /&gt;
            }&lt;br /&gt;
            h1 {&lt;br /&gt;
                font-size: 1.6em;&lt;br /&gt;
                padding: 0.3em;&lt;br /&gt;
                border-bottom: 5px solid black;&lt;br /&gt;
                letter-spacing: -0.08em;&lt;br /&gt;
            }&lt;br /&gt;
            div {&lt;br /&gt;
                background: lightgrey;&lt;br /&gt;
                padding: 0.7em;&lt;br /&gt;
                clear: left;&lt;br /&gt;
            }&lt;br /&gt;
            h2 {&lt;br /&gt;
                font-size: 1em;&lt;br /&gt;
                padding: 0.2em;&lt;br /&gt;
            }&lt;br /&gt;
            p {&lt;br /&gt;
                border: 0.05em solid black;&lt;br /&gt;
                padding: 0.8em;&lt;br /&gt;
            }&lt;br /&gt;
            h3:target {&lt;br /&gt;
                color: yellow;&lt;br /&gt;
                background: red;&lt;br /&gt;
            }&lt;br /&gt;
        &amp;lt;/style&amp;gt;&lt;br /&gt;
    &amp;lt;/head&amp;gt;&lt;br /&gt;
    &amp;lt;body&amp;gt;&lt;br /&gt;
        &amp;lt;h1&amp;gt;This is the title&amp;lt;/h1&amp;gt;&lt;br /&gt;
        &amp;lt;div&amp;gt;&lt;br /&gt;
            &amp;lt;h2&amp;gt;This is the sub title&amp;lt;/h2&amp;gt;&lt;br /&gt;
            &amp;lt;ul id=&amp;quot;top&amp;quot;&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
                &amp;lt;li&amp;gt;&amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;This is a test. &amp;lt;/a&amp;gt;&amp;lt;/li&amp;gt;&lt;br /&gt;
            &amp;lt;/ul&amp;gt;&lt;br /&gt;
            &amp;lt;h3 id=&amp;quot;&amp;quot;&amp;gt;header 3&amp;lt;a href=&amp;quot;&amp;quot;&amp;gt;&amp;lt;/a&amp;gt;&amp;lt;/h3&amp;gt;&lt;br /&gt;
            &amp;lt;p&amp;gt;&lt;br /&gt;
                This is a test. &lt;br /&gt;
            &amp;lt;/p&amp;gt;&lt;br /&gt;
        &amp;lt;/div&amp;gt;&lt;br /&gt;
    &amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Set &amp;lt;H2&amp;gt; and &amp;lt;P&amp;gt; in extra content section==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=ISO-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
div#extra h2, div#extra p {&lt;br /&gt;
  margin-left: 10px;&lt;br /&gt;
  margin-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;header&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h1&amp;gt;My Amazing Web Site &amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;wrapper&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;h2&amp;gt;Contact Form&amp;lt;/h2&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
    &amp;lt;p&amp;gt;This is a test.&amp;lt;/p&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
      &amp;lt;p&amp;gt;Please fill out our form below in order to contact me. &amp;lt;/p&amp;gt;&lt;br /&gt;
      &amp;lt;form id=&amp;quot;form1&amp;quot; name=&amp;quot;form1&amp;quot; method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmname&amp;quot; accesskey=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;ame&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmname&amp;quot; id=&amp;quot;fmname&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmemail&amp;quot; accesskey=&amp;quot;e&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;E&amp;lt;/span&amp;gt;mail&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot;  name=&amp;quot;fmemail&amp;quot; id=&amp;quot;fmemail&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;a&amp;quot;&amp;gt;St&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;te/Province&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmstate&amp;quot; id=&amp;quot;fmstate&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;y&amp;quot;&amp;gt;Countr&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;y&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmcountry&amp;quot; id=&amp;quot;fmcountry&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmmsg&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;M&amp;lt;/span&amp;gt;essage&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;textarea name=&amp;quot;fmmsg&amp;quot; accesskey=&amp;quot;m&amp;quot; id=&amp;quot;fmmsg&amp;quot; rows=&amp;quot;5&amp;quot; cols=&amp;quot;14&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;submit&amp;quot; value=&amp;quot;send &amp;amp;raquo;&amp;quot; class=&amp;quot;submit&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;/form&amp;gt;&lt;br /&gt;
      &lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;extra&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h2&amp;gt;header&amp;lt;/h2&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;This is a text&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;footer&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;All rights reserved except where noted.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Set &amp;lt;h2&amp;gt; in extra content==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=ISO-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
div#extra h2, div#extra p {&lt;br /&gt;
  margin-left: 10px;&lt;br /&gt;
  margin-right: 10px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;header&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h1&amp;gt;My Amazing Web Site &amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;wrapper&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;h2&amp;gt;Contact Form&amp;lt;/h2&amp;gt;&lt;br /&gt;
      &amp;lt;form id=&amp;quot;form1&amp;quot; name=&amp;quot;form1&amp;quot; method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmname&amp;quot; accesskey=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;ame&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmname&amp;quot; id=&amp;quot;fmname&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmemail&amp;quot; accesskey=&amp;quot;e&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;E&amp;lt;/span&amp;gt;mail&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot;  name=&amp;quot;fmemail&amp;quot; id=&amp;quot;fmemail&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;a&amp;quot;&amp;gt;St&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;te/Province&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmstate&amp;quot; id=&amp;quot;fmstate&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;y&amp;quot;&amp;gt;Countr&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;y&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmcountry&amp;quot; id=&amp;quot;fmcountry&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmmsg&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;M&amp;lt;/span&amp;gt;essage&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;textarea name=&amp;quot;fmmsg&amp;quot; accesskey=&amp;quot;m&amp;quot; id=&amp;quot;fmmsg&amp;quot; rows=&amp;quot;5&amp;quot; cols=&amp;quot;14&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;submit&amp;quot; value=&amp;quot;send&amp;quot; class=&amp;quot;submit&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;/form&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;extra&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h2&amp;gt;quid pro quo&amp;lt;/h2&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;footer&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;ask.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==stretching content==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot;&lt;br /&gt;
                      &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot; xml:lang=&amp;quot;en&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;head&amp;gt;&lt;br /&gt;
        &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
        &amp;lt;style rel=&amp;quot;stylesheet&amp;quot; type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
body {&lt;br /&gt;
    background: lightyellow;&lt;br /&gt;
    font: 12px sans-serif;&lt;br /&gt;
    margin: 0;&lt;br /&gt;
    padding: 0;&lt;br /&gt;
}&lt;br /&gt;
p {&lt;br /&gt;
    background: pink;&lt;br /&gt;
    border: 1px solid red;&lt;br /&gt;
    padding: 5px;&lt;br /&gt;
    margin: 5px;&lt;br /&gt;
    position: absolute;&lt;br /&gt;
    top: 0;&lt;br /&gt;
    right: 0;&lt;br /&gt;
    bottom: 0;&lt;br /&gt;
    left: 0&lt;br /&gt;
}        &lt;br /&gt;
        &amp;lt;/style&amp;gt;&lt;br /&gt;
    &amp;lt;/head&amp;gt;&lt;br /&gt;
    &amp;lt;body&amp;gt;&lt;br /&gt;
        &amp;lt;p&amp;gt;&lt;br /&gt;
            Lorem ipsum dolor sit amet, consectetuer adipiscing elit.&lt;br /&gt;
        &amp;lt;/p&amp;gt;&lt;br /&gt;
    &amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==Use &amp;lt;DIV&amp;gt; to create a section==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Strict//EN&amp;quot;&lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
  &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
body {&lt;br /&gt;
 width: 600px;&lt;br /&gt;
 padding-left: 50%;&lt;br /&gt;
}&lt;br /&gt;
#frame {&lt;br /&gt;
 width: 600px;&lt;br /&gt;
 margin-left: -300px;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;frame&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h1&amp;gt;Header &amp;lt;/h1&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;This is a test.&amp;lt;/p&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
  &lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==use &amp;lt;DIV&amp;gt; to mark content==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=ISO-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
div#content p  {&lt;br /&gt;
  line-height:1.5;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;header&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h1&amp;gt;My Amazing Web Site &amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;wrapper&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;h2&amp;gt;Contact Form&amp;lt;/h2&amp;gt;&lt;br /&gt;
      &amp;lt;form id=&amp;quot;form1&amp;quot; name=&amp;quot;form1&amp;quot; method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmname&amp;quot; accesskey=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;ame&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmname&amp;quot; id=&amp;quot;fmname&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmemail&amp;quot; accesskey=&amp;quot;e&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;E&amp;lt;/span&amp;gt;mail&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot;  name=&amp;quot;fmemail&amp;quot; id=&amp;quot;fmemail&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;a&amp;quot;&amp;gt;St&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;te/Province&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmstate&amp;quot; id=&amp;quot;fmstate&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;y&amp;quot;&amp;gt;Countr&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;y&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmcountry&amp;quot; id=&amp;quot;fmcountry&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmmsg&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;M&amp;lt;/span&amp;gt;essage&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;textarea name=&amp;quot;fmmsg&amp;quot; accesskey=&amp;quot;m&amp;quot; id=&amp;quot;fmmsg&amp;quot; rows=&amp;quot;5&amp;quot; cols=&amp;quot;14&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;submit&amp;quot; value=&amp;quot;send&amp;quot; class=&amp;quot;submit&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;/form&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;extra&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h2&amp;gt;quid pro quo&amp;lt;/h2&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;footer&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;ask.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
   &lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
==use &amp;lt;DIV&amp;gt; to mark extra content==&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
&lt;br /&gt;
   &lt;br /&gt;
  &amp;lt;!-- start source code --&amp;gt;&lt;br /&gt;
   &lt;br /&gt;
    &amp;lt;source lang=&amp;quot;html4strict&amp;quot;&amp;gt;&lt;br /&gt;
 &lt;br /&gt;
&lt;br /&gt;
&amp;lt;!DOCTYPE html PUBLIC &amp;quot;-//W3C//DTD XHTML 1.0 Transitional//EN&amp;quot; &lt;br /&gt;
  &amp;quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;html xmlns=&amp;quot;http://www.w3.org/1999/xhtml&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;head&amp;gt;&lt;br /&gt;
&amp;lt;meta http-equiv=&amp;quot;Content-Type&amp;quot; content=&amp;quot;text/html; charset=ISO-8859-1&amp;quot; /&amp;gt;&lt;br /&gt;
&amp;lt;title&amp;gt;&amp;lt;/title&amp;gt;&lt;br /&gt;
&amp;lt;style type=&amp;quot;text/css&amp;quot;&amp;gt;&lt;br /&gt;
div#extra{&lt;br /&gt;
  color: #333;&lt;br /&gt;
}&lt;br /&gt;
&amp;lt;/style&amp;gt;&lt;br /&gt;
&amp;lt;/head&amp;gt;&lt;br /&gt;
&amp;lt;body&amp;gt;&lt;br /&gt;
&amp;lt;div id=&amp;quot;container&amp;quot;&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;header&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h1&amp;gt;My Amazing Web Site &amp;lt;/h1&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;wrapper&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;div id=&amp;quot;content&amp;quot;&amp;gt;&lt;br /&gt;
      &amp;lt;h2&amp;gt;Contact Form&amp;lt;/h2&amp;gt;&lt;br /&gt;
      &amp;lt;form id=&amp;quot;form1&amp;quot; name=&amp;quot;form1&amp;quot; method=&amp;quot;post&amp;quot; action=&amp;quot;/&amp;quot;&amp;gt;&lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmname&amp;quot; accesskey=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;N&amp;lt;/span&amp;gt;ame&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmname&amp;quot; id=&amp;quot;fmname&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmemail&amp;quot; accesskey=&amp;quot;e&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;E&amp;lt;/span&amp;gt;mail&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot;  name=&amp;quot;fmemail&amp;quot; id=&amp;quot;fmemail&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;a&amp;quot;&amp;gt;St&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;a&amp;lt;/span&amp;gt;te/Province&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmstate&amp;quot; id=&amp;quot;fmstate&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmstate&amp;quot; accesskey=&amp;quot;y&amp;quot;&amp;gt;Countr&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;y&amp;lt;/span&amp;gt;&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;input type=&amp;quot;text&amp;quot; name=&amp;quot;fmcountry&amp;quot; id=&amp;quot;fmcountry&amp;quot; /&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;label for=&amp;quot;fmmsg&amp;quot;&amp;gt;&amp;lt;span class=&amp;quot;akey&amp;quot;&amp;gt;M&amp;lt;/span&amp;gt;essage&amp;lt;/label&amp;gt;&lt;br /&gt;
        &amp;lt;textarea name=&amp;quot;fmmsg&amp;quot; accesskey=&amp;quot;m&amp;quot; id=&amp;quot;fmmsg&amp;quot; rows=&amp;quot;5&amp;quot; cols=&amp;quot;14&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;
    &lt;br /&gt;
        &amp;lt;input type=&amp;quot;submit&amp;quot; name=&amp;quot;submit&amp;quot; value=&amp;quot;send&amp;quot; class=&amp;quot;submit&amp;quot; /&amp;gt;&lt;br /&gt;
      &amp;lt;/form&amp;gt;&lt;br /&gt;
    &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;extra&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;h2&amp;gt;quid pro quo&amp;lt;/h2&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
  &amp;lt;div id=&amp;quot;footer&amp;quot;&amp;gt;&lt;br /&gt;
    &amp;lt;p&amp;gt;ask.&amp;lt;/p&amp;gt;&lt;br /&gt;
  &amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/div&amp;gt;&lt;br /&gt;
&amp;lt;/body&amp;gt;&lt;br /&gt;
&amp;lt;/html&amp;gt;&lt;br /&gt;
 &amp;lt;/source&amp;gt;&lt;/div&gt;</summary>
		<author><name>Admin</name></author>	</entry>

	</feed>