HTMLで要素を一列に揃えるためには、<tr>タグを使うと良いです。

例えば<td>タグで囲んだものの中にあるものを一列に並べたい場合は、以下のようにします。

<tr>
<td>

〜要素のタグを書き込む〜
<input 〜 >

</td>
</tr>

ただ気をつけなければならないのが以下のように<td>タグの中に<td>タグを書き込むと気持ち悪い形で配列されたり、 <div>タグの使用する際に、記述の仕方に気をつけないと空白が沢山出来たりします。

<tr>
<td>

〜要素のタグを書き込む〜
<td>
<input 〜 >
</td>
// <td>タグはテーブルのセルを作るものなので、これだとセルの中にセルを作るということになり、意図しない表示になる可能性がある

</td>
</tr>

<tr>タグで囲んだ者同士は、そのまま並べるとくっついて表示されますが<p>タグで囲んであげれば、離れて表示されるようになります。

関連記事