title: How can set text box to center of td tag in html table?
body: <p>I spilit the screen with html table,left panel show image and right panel want to show text box,but text box not show the center of td tag,this html code:<br/></p>
  
  <pre><code>&lt;table style="width:100vw"&gt;
      &lt;tr&gt;
          &lt;td style="width:50vw;height:100vh;" align="left"&gt;
              &lt;img src="../Content/45.png" style="display:block;max-width:50vw;max-height:100vh" /&gt;
          &lt;/td&gt;
          &lt;td style="width:50vh;text-align:center;"&gt;
              &lt;div style="top:50%;"&gt;
                  &lt;asp:TextBox ID="TextBox1" runat="server"&gt;&lt;/asp:TextBox&gt;
              &lt;/div&gt;
          &lt;/td&gt;
      &lt;/tr&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>and this is my output:<br/>
  <a href="https://i.stack.imgur.com/z3MV8.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/z3MV8.jpg" alt="enter image description here"></a>
  <br/>
  but i want this output:<br/>
  <a href="https://i.stack.imgur.com/9VHpZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9VHpZ.png" alt="enter image description here"></a>
  <br/>
  How can i solve that?</p>