html - テーブルセルのテキストでチェックボックスを中央に配置する方法は？

Question

テーブルセルのチェックボックスを揃えるのに問題があります

<table style="empty-cells:hide;" border="1"   cellpadding="1" cellspacing="1">

<tr>
    <td valign="top">
        test 1 - 
        <input type="checkbox" name="query_myTextEditBox">    
        test 2 - 
        myTextEditBox
        <select size ="3" name="myTextEditBox_compare_operator">
            <option value="1">option 1</option>
            <option value="2">option 2</option>
        </select>
    </td>

    <td valign="top">
        <input type="text" value="my text" name="myTextEditBox">
    </td>

</tr>

jsfiddle.netでの私のテスト

何らかの理由で、テキストとチェックボックスを2つのセルに分割したくない

私はこの投稿を見ましたテーブルセルのチェックボックスを中央に配置する方法は？しかし、それは私にはうまくいきません。

Answer 1

要素に追加style="vertical-align:top"し<select>ます。