html 和 css 表单不对齐

Question

我试图在表格中放置一个评论框(根据作业要求)，我的光标位置在框的中间，而不是它应该在的左上角。

HTML代码:

<tr>
<td>Comments: <input id="comment" type="text" name="Comment" class="comment"/></td>
</tr>

CSS 代码:

#comment {
float: right; 
display: block; 
padding-right: 10px; 
width:70%;
height:100px;
}

Answer 1

尝试使用 textarea 而不是普通的多行输入。我认为这就是您所期望的行为。

<tr>
  <td>Comments: <textarea id="comment" name="Comment" class="comment"></textarea></td>
</tr>

Working example