css - select と image の CSS 配置を同じ行に配置する

Question

送信ボタンである画像を選択メニューに関連付けようとしています。私のコードは次のとおりです。

<form action="index.php">

 <p>

 <select name="ID">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
 </select>

 <input type="image" class="arrwSubmit" src="/images/go-green.png">

 </p>

</form>

アローサブミットには、画像を左にフロートさせるクラスがあります。ただし、これにより、画像が選択の左側に表示されるという問題が発生します。右側と同じ行に表示したいです。同じクラスを select 要素に適用すると、選択と矢印は正常に表示されますが、次の要素 (テーブル) も同じ行に表示されます。

次のように整列するにはどうすればよいですか。

1 行目 = 選択 > 画像 (送信)

2 行目 = テーブル

よろしくお願いします