HTMLについてご教示下さい。

掲題につきまして
下記コードを添付いたします。超初心者の為、汚いのは申し訳ありません。
下記のようにtable関連タグとform関連タグを使いお問い合わせフォームを作成したいのですが、画像のように<tr>~</tr>の間を一行分空けたいのと、送信ボタンを右寄り（枠には接さない）にしたいです。
考え方として、tableタグの接合を考えてますが思うようにいきません。
答えではなく、考え方で構いませんのでご教示頂ければ幸いです。
宜しくお願い致します。
<form>
<table border="1" rules="groups">
<thead>
<tr>
<th width="200" height="50">お問い合わせ</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center">
お問い合わせ<br>
<textarea rows="7" cols="14"></textarea>
</td>
</tr>
<tr>
<td align="center">
お名前:<br>
姓:<input type="text" size="4">
名:<input type="text" size="4">
</td>
<tr>
<td align="center">
読み仮名(カタカナ)<br>
姓:<input type="text" size="4">
名:<input type="text" size="4">
</td>
</tr>
<tr>
<td align="center">
メールアドレス:<br>
<input type="text" size="7">@<input type="text" size="5">
</td>
</tr>
<tr>
<td align="center">
お住まい:<br>都道府県
<select>
<option>東京都</option>
<option>埼玉県</option>
</select>
</td>
</tr>
<tr>
<td align="center">
市区町村<input type="text" size="9">
</td>
</tr>
<tr>
<td align="center">
番地<input type="text" size="9">
</td>
</tr>
<tr>
<td align="center">
ビル、部屋番号<input type="text" size="7">
</td>
</tr>
<tr>
<td align="center">
TEL:<input type="text" size="2">-<input type="text" size="3">-<input type="text" size="3">
</td>
</tr>
<tr>
<td align="center">
性別:
男性<input type="radio" name="性別">
女性<input type="radio" name="性別">
</td>
</tr>
<tr>
<td align="center">
<input type="submit" value="送信">
</td>
</tr>
</tbody>
</table>
</form>
</body>

No.2 回答者： t_fumiaki 回答日時： 2018/12/13 15:16

CSSでやるのが筋なんだけど、改行したい文字の前に<br />を入れる。

<br />お問い合わせ<br>
<br />お名前:<br>
<br />読み仮名(カタカナ)<br>
<br />メールアドレス:<br>
・
・

ボタンの位置
<td align="center">
<input type="submit" value="送信">
↓
<td align="right">
<input type="submit" value="送信">○　○は全角ブランク

この回答へのお礼

ありがとうございます

お礼日時：2018/12/13 22:07

No.1 回答者： nitto3 回答日時： 2018/12/13 14:19

＜/tr>＜/table>の後に<BR>を入れる。

<td align="center">centerではなくright,leftをつかう。

この回答へのお礼

ありがとうございます。

お礼日時：2018/12/13 22:07