表格元素不浮动？

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.