Error css: vertical align in td with input text and image
<p>I have a table with a cell with 2 items (input text and image). I try to align them vertically but it does not work.</p>

<p>I try use <code>vertical-align:middle</code>, margin top, padding, try set height:100%, etc...</p>

<p>The code is simply:</p>

<pre><code>&lt;table cellspacing="0" rules="all" border="1" id="Origen" style="width:100%;border-collapse:collapse;"&gt;
            &lt;tr&gt;
                &lt;td class="cabeceraDG"&gt; Origen&lt;/td&gt;&lt;td class="cabeceraDG"&gt; Centro&lt;/td&gt;&lt;td class="cabeceraDG"&gt; Usuario&lt;/td&gt;
            &lt;/tr&gt;&lt;tr style="white-space:nowrap;"&gt;
                &lt;td class="campoOpcional"&gt;oficina&lt;/td&gt;&lt;td class="campoOpcional" align="center" style="width:150px;"&gt;
                                &lt;input name="Origen$ctl02$referenciaTextBox" type="text" value="0000" id="Origen_ctl02_referenciaTextBox" class="campoOpcional" onblur="return validate(this)" ref="0991" /&gt;
 &lt;input type="image" name="Origen$ctl02$imgBtnGuardarCentro" id="Origen_ctl02_imgBtnGuardarCentro" title="Guardar" AutoPostBack="false" src="https://s30.postimg.org/usmf6nsn5/boton_Abonar.gif" onclick="return ASPxClientEdit.ValidateGroup();  msGuardar();" style="border-width:0px;" /&gt;
                             &lt;/td&gt;&lt;td class="campoOpcional"&gt;TEST&lt;/td&gt;
            &lt;/tr&gt;
        &lt;/table&gt;
</code></pre>

<p>And here an example with the problem: <a href="https://jsfiddle.net/javierif/nmpmj1eh/" rel="nofollow noreferrer">https://jsfiddle.net/javierif/nmpmj1eh/</a></p>