html - 无法将“提交”按钮放在底部。在侧面，在评论框旁边，而不是在评论框下方

我创建了一个jsfiddle。我敢肯定它很容易修复，但是我无法弄清楚。
http://jsfiddle.net/mt4jK/8/

  <h1 class="allpages">Questions or Concerns about Compliance Issues?</h1>
  <h3>We welcome all compliments and constructive criticism!</h3>

    <form class="webform" action="http://hsc.unm.edu/scripts/cfmailform/cfmailer.cfm" method="post">
    <!--Required hidden operators-->
    <input name="recipient" type="hidden" value="[email protected]" />
    <input name="subject" type="hidden" value="HSC Compliance Office Email Form" />
    <input type="hidden" name="cc" value="[email protected]" />

    <input name="redirect" type="hidden" value="http://hsc.unm.edu/admin/compliance/ThankYOU.html" /> <!-- Field validation for the user -->

 <label for "name">Your Name (optional):</label>

  <input name="name" type="text" id="name" value="" /><br />
  <label for "name">Your E-mail (Optional):</label>



  <input name="mail" type="text" value="" /><br>
  <label for "name">Comment:</label>
  <textarea name="comment" value="" ></textarea>
  <p>
  <div class="submit">
  <input type="submit" value="Submit" />

  <input type="reset" value="Reset" />
  </div>
  </form>

CSS：

h3{text-align:center;}
.webform {background-color: #eeeeee;
 width: 655px;  border: solid;
 border-color: #e9e9e9;margin-left: auto; margin-right: auto; padding: 15px 0px 15px     17px;}
.webform  label { width:200px; vertical-align:top; text-align:right; padding: 5px;    float:left; font-size:14px; font-weight:bold;}
 .webform textarea {width:200px; text-align:right; float:left; }
 .submit{width:50px:}

编辑：格式化CSS代码以方便查看。

最佳答案

您有一个float：在textarea左侧将其删除，如下所示：

.webform textarea {width:200px; text-align:right;  }

代替这个：

.webform textarea {width:200px; text-align:right; float:left; }

DEMO

关于html - 无法将“提交”按钮放在底部。在侧面，在评论框旁边，而不是在评论框下方，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21268740/