<span style=
"color: #0000ff;"
><span style=
"color: #ff00ff;"
>DOCTYPE html</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>html </span><span style=
"color: #ff0000;"
>lang</span><span style=
"color: #0000ff;"
>=
"en"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>meta </span><span style=
"color: #ff0000;"
>charset</span><span style=
"color: #0000ff;"
>=
"UTF-8"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></span>Document<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>title</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>style</span><span style=
"color: #0000ff;"
>></span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.middle</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
float</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 100%</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
height</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 50px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> #fff9ca</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.middle-wrap</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 0 200px 0 150px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
float</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 150px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
height</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 50px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> red</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin-left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> -100%</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span> <span style=
"background-color: #f5f5f5; color: #008000;"
>
</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span><span style=
"background-color: #f5f5f5; color: #800000;"
>
.right</span><span style=
"background-color: #f5f5f5; color: #000000;"
>{</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
float</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
width</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 200px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
height</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> 50px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
background-color</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> yellow</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span><span style=
"background-color: #f5f5f5; color: #ff0000;"
>
margin-left</span><span style=
"background-color: #f5f5f5; color: #000000;"
>:</span><span style=
"background-color: #f5f5f5; color: #0000ff;"
> -200px</span><span style=
"background-color: #f5f5f5; color: #000000;"
>;</span> <span style=
"background-color: #f5f5f5; color: #008000;"
>
</span>
<span style=
"background-color: #f5f5f5; color: #000000;"
>}</span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>style</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>head</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>div </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"middle"
</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>div </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"middle-wrap"
</span><span style=
"color: #0000ff;"
>></span>middle<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>div</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>div</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>div </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"left"
</span><span style=
"color: #0000ff;"
>></span>left<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>div</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
><span style=
"color: #800000;"
>div </span><span style=
"color: #ff0000;"
>
class
</span><span style=
"color: #0000ff;"
>=
"right"
</span><span style=
"color: #0000ff;"
>></span>right<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>div</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>body</span><span style=
"color: #0000ff;"
>></span>
<span style=
"color: #0000ff;"
></span><span style=
"color: #800000;"
>html</span><span style=
"color: #0000ff;"
>></span></span></span></span></span></span></span></span></span></span></span></span>