title: Vertical align top in css
body: <p>Here is my code</p>
  
  <pre><code>&lt;div style="margin:0;padding:0;vertical-align:text-top; border:1px solid red;float:right;"&gt;
       &lt;span&gt;Key:&lt;/span&gt;
       &lt;asp:TextBox ID="tbKey" MaxLength="16" runat="server" &gt;&lt;/asp:TextBox&gt;
       &lt;asp:ImageButton ID="btnRefresh" runat="server" imageUrl="_img/btn_submit.gif" Height="22" Width="52" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like all three elements to simply line up at the top. Is this doable? </p>
  
  <p>EDITED:
  Source code (rendered) is</p>
  
  <pre><code> &lt;div style="margin:0;padding:0;vertical-align:text-top; border:1px solid red;float:right;"&gt;
                  &lt;span&gt;Key:&lt;/span&gt;
                  &lt;input name="tbKey" type="text" maxlength="16" id="tbKey" /&gt;
  
                  &lt;input type="image" name="btnRefresh" id="btnRefresh" src="_img/btn_submit.gif" style="height:22px;width:52px;border-width:0px;border-width:1px;" /&gt;
  
              &lt;/div&gt;
  </code></pre>