Html 我如何安排<；按钮>；所以它不'；在文本区后不要中断？

假设我有一个表格，上面有姓名、电子邮件和信息。然而，我的“发送消息”按钮断开了，没有在文本区域之后对齐，而是在文本区域和最后一次输入之间对齐！我做错了什么

我的HTML表单片段是：

<form class="form-contact">
<div class="labels">
<label for="name">Name:</label><input name="name" type="text" />
<label>Email:</label><input name="name" type="text" />
<label>Message:</label><textarea name="name" type="text"></textarea>
<button>send</button>
</div>
</form>

.form-contact { 
    width:100%;
    margin:auto; 
}
label { 
    text-align:right;
    width:300px;
    float:left; 
    font-size:24px; 
    margin-top:27px; }
.labels {
    margin-top:36px;
    float:
}
form { 
    display:inline; 
    margin:0; 
}
input {
    float:left; 
    margin-top:28px; 
    margin-left:27px; 
    height:23px; 
    line-height:23px;
    font-size:23px; 
    color:#01a4c0; 
    width:309px; 
}
textarea { 
    float:left;
    margin-top:28px;
    margin-left:27px;
    height:23px;
    line-height:23px; 
    font-size:23px;
    color:#01a4c0;
    width:309px; 
    height:134px;
}
button {
    width:88px; 
    height:29px; 
    border:none; 
    background:#01a4c0; 
    color:#FFF; 
    font-size:22px; 
    text-align:center;
    float:left; 
    cursor:pointer; 
    margin-top:13px; 
    display: block;
}

---

使用

clear：两者都有

<button style="clear:both">send</button>

发送

请访问
w3c建议在带有type=“submit”的表单中使用输入元素，而不是按钮标签@k
W3C！==W3学校
。我刚刚将其更改为，并将css更改为。按钮，但它仍然处于崩溃状态仅供参考：这里有另一种方法：无需在除opera之外的所有浏览器上执行所有浮动操作，但我认为这与我的页脚有关，我将创建另一个问题。