title: position a web page in the center for all screen size
body: <p>I am using HTML and CSS.
  I can't display all of my content in the middle of the screen for varying display sizes.
  I have attempted to use % in place of PX but it's unsuitable for small screen size such as 800*600 pixels.
  Also I have performed web searches but my lack of in-depth knowledge of HTML is hindering my progress.
  my code is this:</p>
  
  <pre><code>&lt;style type="text/css"&gt;
  #Line5
  {
     color: #7B7BC0;
     background-color: #7B7BC0;
     border-width: 0px;
  }
  #wb_Text1 
  {
     background-color: transparent;
     border: 0px #8B8B00 solid;
     padding: 0;
  }
  &lt;body&gt;
  &lt;hr id="Line5" align="center" style="position:relative;top:28px;width:803px;height:93px ;z-index:0;"&gt;
  &lt;div id="wb_Text1" style="position:absolute;left:406px;top:58px;width:308px;height:36px;text-align:center;z-index:1;"&gt;
  &lt;span style="color:#FFFFFF;font-family:Arial;font-size:32px;"&gt;&lt;strong&gt;&lt;em&gt;SAMPLE TEXT&lt;/em&gt;&lt;/strong&gt;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>can someone correct this piece of code for me?</p>