表格元素不浮动？

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。