Listing A


&lt;html&gt;&lt;head&gt;
&lt;title&gt;CSS Positioning &lt;/title&gt;
&lt;style&gt;
DIV#top {position:fixed;top:0;bottom:20%;left:0;right:90%;background:yellow;height:20%;margin:0;}
DIV#middle {position:fixed;top:21%;bottom:80%;left:0;right:90%;background:gray;height:60%;margin:0;}
DIV#bottom {position:fixed;top:81%;bottom:90%;left:0;right:90%;background:yellow;height:20%;margin:0;}
.title{position:relative;left:25%;top:10%;bottom:5%;right:90%;font-size:20pt;}
&lt;/style&gt;&lt;/head&gt;&lt;body&gt;
&lt;div id="top"&gt;
&lt;div class="title"&gt;This is a test&lt;/div&gt;
&lt;/div&gt;
&lt;div id="middle"&gt;
&lt;div class="title"&gt;Place some text here.&lt;/div&gt;
&lt;/div&gt;
&lt;div id="bottom"&gt;
&lt;div class="title"&gt;Thanks for visiting!&lt;/title&gt;
&lt;/div&gt;
&lt;/body&gt;&lt;/html&gt;