表单元素不漂浮？

Question

简单而愚蠢的问题。似乎无法将我的头围绕在它的周围（其中一个愚蠢的时刻），所以我认为我不妨在这里给某人一些简单的业力。 HTML：

<form action="http://localhost/wall/wall_controller/send" method="post" accept-charset="utf-8"> 
<input type="text" name="p_name" value="Your name" class="name" maxlength="50" size="25" /> 
<textarea name="p_text" cols="20" rows="5" class="message" maxlength="500" >Type your message here</textarea> 
<input type="submit" name="send" value="Submit Post!" /> 
</form> 

CSS：

.name, .message { 
    float: left; 
} 

为什么不在指定的元素浮动到左边，因为他们应该是什么？

Answer 1

您只能浮动block元素。将display: block规则添加到.name, .message。