title: Is it possible to make DIV with inline-block to behave exactly like IMG with align=left?
body: <p>In the following example making DIV inline-block turns off valign effect. Is it possible to bring it back as with IMG in next row?</p>
  
  <pre><code>&lt;table border="1"&gt;
  &lt;tr&gt;
      &lt;td height="50" valign="top"&gt;
  
          &lt;div style="display:inline-block; width:65px; height:40px; background-color: yellow; text-align: left;"&gt;&lt;/div&gt;
          &lt;input type="button" value="button"&gt;
  
           Some text
  
      &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;tr&gt;
      &lt;td height="50" valign="top"&gt;
  
          &lt;img src="images/spacer.gif" width="65" height="40" align="left" border="1"&gt;
          &lt;input type="button" value="button"&gt;
  
           Some text
  
      &lt;/td&gt;
  &lt;/tr&gt;
  
  &lt;/table&gt;
  </code></pre>