title: How do I fix the button's position?
body: <pre><code>&lt;table&gt;
      &lt;tr&gt;
          &lt;td&gt;
              &lt;div style="margin-left: 220px;"&gt;
                  &lt;asp:Button ID="btn1" Text="Edit" CommandArgument='&lt;%#Eval("UserID") %&gt;'
                      CausesValidation="false" CommandName="Edit" Visible="false" runat="server" /&gt;
          &lt;/td&gt;
          &lt;/div&gt;
          &lt;td&gt;
              &lt;div style="margin-left: 370px;"&gt;
                  &lt;asp:Button ID="btn2" Visible="false" Text="Edit" CommandArgument='&lt;%#Eval("UserID") %&gt;'
                      CausesValidation="false" CommandName="Edit" runat="server" /&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>The problem is when both buttons are made visible dynamically..the second button shifts right wards..how do I fix their position so they appear exactly where I want them ?</p>
  
  <p><strong>[edit]</strong>
  Do I need to use span or something instead of those divs ? IS there an HTML property that lets u fix a position of an element on page ? How do u do it ? I hv been googling but nothing came up..plz help </p>
  
  <p><strong>[edit 2]</strong>
  I just added position:fixed in style attribute in the two buttons..when I ran the code again..both buttons didn't even appear!
  how do u do it if not even this way ?</p>
  
  <p><strong>[edit 3]</strong></p>
  
  <p>I removed the divs and set both  "td's" align property to centre..now the edit buttons are both appearing on the left together :/</p>