HTMLの質問です。 写真で示した画面をHTMLをつかってブラウザ上に表示したいです。 入力欄、コピ

HTMLの質問です。

写真で示した画面をHTMLをつかってブラウザ上に表示したいです。

入力欄、コピー欄、テキスト1、テキスト2の行はtableタグを使って表示できました。

ただ、テキスト1という文字の横にテクストボックスを置けません。文字の横にテキストボックスができてしまいます。また、横に並んだテキストボックスの間に矢印をかけません。

分かる方いらっしゃいましたら、教えてください。
よろしくお願いします！

No.1 回答者： kk553 回答日時： 2018/07/25 23:42

ただ表示させるだけなら。

<table>
<tr>
<td></td>
<td>入力欄</td>
<td></td>
<td>コピー欄</td>
</tr>
<tr>
<td>テキスト1</td>
<td><input type="text"></td>
<td>→</td>
<td><input type="text"></td>
</tr>
<tr>
<td>テキスト2</td>
<td><input type="text"></td>
<td>→</td>
<td><input type="text"></td>
</tr>
</table>