html - 表格内按钮的对齐方式

Question

我的页面看起来像：

我想将“保存”按钮移动到文本区域的右侧，而不是下方。

<th style="width:300px; text-align:center;">    
    <div style="position:relative; width:10px;">                       
       <textarea id="Utility" class='<%# GetIdOfCommentBox((int)Eval("id")) %>'
                 type="text" runat="server" rows="5" maxlength="200" />
       <input id="SubmitComments" type="button" value="Save"
              onclick="SubmitButton()"
              style="background-color:#EBEBFF; font-family:'Tahoma'; padding-left:3.8em; padding-right:3.8em; padding-top:0.3em; padding-bottom:0.3em" /> 
    </div>
</th>

Answer 1

你可以使用

style="float: right"

但为了使用它，您需要将容器 div width(10px) 更改为更大的

Answer 2

你在使用某种 .css 吗？

如果您正在使用它：

.SubmitComments{
margin-right:0px;
}

Answer 3

<div style='float:right;width:100%'><input id="SubmitComments" type="button" value="Save" ... /></div>
<div style='clear:both'></div>