html - 我怎样才能把它移下来？

Question

我有一个表单的提交和重置按钮，但我终究无法弄清楚如何将它们放在文本框下方。然后地址元素也显示在右侧。

<label id="warranty">
<input type="checkbox" name="warranty" />
Yes, I want the 24-month extended warranty
</label>



<label for="request" id="request">Any special requests on your order?</label>
<textarea name="request" id="request"></textarea>


<input type="submit" value="Submit Order" />
<input type="reset" value="Cancel" />   

</form>

CSS:

input[type="submit"], input[type="reset"] {
display: inline-block;
width: 150px;
float: inline;
}

我肯定错过了什么吧？

Answer 1

CSS

#request { display: block; clear: both; }

Working Fiddle