title: how to put a form inside a table in CSS
body: <p>I am making a website for blog. The problem is that I am making a signup box and I have put a form inside a table.But now I am not able to enter data in the id and password fields.
  How do I position the elements so that my problem is solved?</p>
  
  <p><strong>CSS</strong> <em>(inside HTML / Head / Style elements)</em></p>
  
  <pre class="lang-css prettyprint-override"><code>#l1 {
      position:absolute;
      top:300px;
      left:600px;
  }
  #tx1 {
      position:absolute;
      top:305px;
      left:672px;
  }
  #l2 {
      position:absolute;
      top:345px;
      left:600px;
  }
  #tx2 {
      position:absolute;
      top:358px;
      left:672px;
  }
  #tab {
      position:absolute;
      top:235;
      left:570;
      border-radius:10px;
      box-shadow:0px 0px 2px #777;
  }
  .e {
      color:#EE6AA7;
      font-family:Helevetica;
      font-size:17px;
  }
  </code></pre>
  
  <p><strong>HTML</strong> <em>(inside HMTL / Body elements)</em></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form&gt;
      &lt;table border="1" id="tab" width="320" height="215"&gt;
          &lt;tr&gt;
              &lt;p id="l1" class="e"&gt;Id&lt;/p&gt;
              &lt;input type="text" name="id" id="tx1" class="e1"&gt;
              &lt;br&gt;
              &lt;p id="l2" class="e"&gt;Password&lt;/p&gt;
              &lt;input type="text" name="pswrd" id="tx2" class="e1"&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/form&gt;
  </code></pre>