Как выровнять по вертикали <input>и <iframe>внутри <td>? (Демо включено)

Question

Страница здесь очень проста:

http://maishudi.com/test.php

Код:

<table>
<tr>
<td valign="top">
    <input type="text" />
    <iframe scrolling="no" height="21px" frameborder="0" width="62px" marginheight="0" marginwidth="0" src="Server/SecCode.php">
    </iframe>
</td>
</tr>
</table>

_{(источник: maishudi.com )}

Answer 1

Используйте два тд, один для ввода и один для фрейма:

• Образец 1

Или вообще не использовать таблицы, расположите элементы с помощью CSS с помощью свойства float :

• Образец 2

Answer 2

Использовать valign атрибут тега td .

..
<td valign="top">

</td>

EDIT:

Попробуйте это,

<table>
  <tr>
    <td><input type="text" /></td>
      <td><iframe scrolling="no" height="21px" 
          frameborder="0" width="62px" marginheight="0" marginwidth="0" 
          src="http://maishudi.com/Server/SecCode.php">
    </iframe>
    </td>
  </tr>
</table>