title: How to place the HTML rectangualar box at the center of the page
body: <p>I have two queries as stated below:-</p>
  
  <p><strong>1)</strong> I want to move the blue colored rectangular box <strong>(containing username and password text fields)</strong> to the center of the page. I tried using <strong>&amp;nbsp</strong> to change the location of the rectangular box but strange, it is not moving at all.Is there any parameter in HTML which can help me shift this box to the center of the page? Can anyone suggest me how can I achieve this?</p>
  
  <p><strong>2)</strong> The <strong>BORDER = 8</strong> parameter is not working as here I want to set a dark black colored border around my rectangular box. Can anyone suggest what can be the cause of this issue?</p>
  
  <p>To replicate the issue which I am facing, copy the below codes  in a .TXT file and save it as .HTML file. Open in IE or Firefox browser to see the issue which I am getting.</p>
  
  <p><strong>Code:</strong></p>
  
  <pre><code>&lt;html&gt;
  &lt;form id="login" action="index.html"&gt;
  &lt;div style="width: 450px; height: 250px; background: blue;BORDER=8"&gt;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;
  &amp;nbsp;&lt;strong&gt;Username: &lt;/strong&gt;&amp;nbsp; &lt;input type="text" name="userid" size="18" maxlength="18"/&gt;&lt;br/&gt;&amp;nbsp;&lt;br/&gt;
  &amp;nbsp;&lt;strong&gt;Password : &lt;/strong&gt; &amp;nbsp; &lt;input type="password" name="pswrd" size="18" maxlength="18"/&gt;&amp;nbsp;&lt;br/&gt;&lt;br/&gt;&lt;br/&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;
  &lt;input type="submit" value="Submit"&gt; &amp;nbsp;&amp;nbsp;
  &lt;input type="reset" value="Cancel" onclick="myFunction()" value="Reset form"/&gt; &amp;nbsp;&amp;nbsp;&amp;nbsp 
  &amp;nbsp;&lt;/div&gt;&lt;br/&gt;&lt;br/&gt;
  
  &lt;/form&gt;
  
  &lt;/html&gt;
  </code></pre>