title: login page in html/css error
body: <p>This is the code i have written in html/css in eclipse(kepler) by making the dynamic web application.The error i get is in line:</p>
  
  <pre><code>&lt;style type="text/css" scoped&gt;
  </code></pre>
  
  <p>error name-invalid location of tag.</p>
  
  <pre><code>&lt;div style="text-align: center;"&gt;
      &lt;div style="box-sizing: border-box; display: inline-block; width: auto; max-width: 480px; background-color: #FFFFFF; border: 2px solid #D4D4D4; border-radius: 5px; box-shadow: 0px 0px 8px #D4D4D4; margin: 50px auto auto;"&gt;
      &lt;div style="background: #D4D4D4; border-radius: 5px 5px 0px 0px; padding: 15px;"&gt;&lt;span style="font-family: verdana,arial; color: #D4D4D4; font-size: 1.00em; font-weight:bold;"&gt;HEY REGISTER NOW!&lt;/span&gt;&lt;/div&gt;
      &lt;div style="background: ; padding: 15px"&gt;
      &lt;style type="text/css" scoped&gt;
      td { text-align:left; font-family: verdana,arial; color: #000000; font-size: 1.00em; }
      input { border: 1px solid #CCCCCC; border-radius: 5px; color: #666666; display: inline-block; font-size: 1.00em;  padding: 5px; width: 100%; }
      input[type="button"], input[type="reset"], input[type="submit"] { height: auto; width: auto; cursor: pointer; box-shadow: 0px 0px 5px #D4D4D4; float: right; margin-top: 10px; }
      table.center { margin-left:auto; margin-right:auto; }
      .error { font-family: verdana,arial; color: #000000; font-size: 1.00em; }
      &lt;/style&gt;
  &lt;form method="post" action="crf.html" name="aform" target="_top"&gt;
  &lt;input type="hidden" name="action" value="login"&gt;
  &lt;input type="hidden" name="hide" value=""&gt;
  &lt;table class='center'&gt;
  &lt;tr&gt;&lt;td&gt;Username:&lt;/td&gt;&lt;td&gt;&lt;input type="text" name="login"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;Password:&lt;/td&gt;&lt;td&gt;&lt;input type="password" name="password"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&lt;input type="submit" value="Submit"&gt;&lt;/td&gt;&lt;/tr&gt;
  &lt;tr&gt;&lt;td colspan=2&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Please help me with an appropriate solution.</p>