Question

label和a本来是行内元素，可是在div中添加一个label和a后，label和a却各占一行，请问这是什么原因呢？

Answer 1

当label和a中的内容总长度超过div的宽度，而且label和a之间含有回车键或空格符时，两者就会自动换行。

比如下面这个是不会换行的：

<div style="width:200px">
<label>123123123123123</label><a href="#">abcabcabcabcabc</a>
</div>

而下面这个则会换行：

<div style="width:200px">
<label>123123123123123</label>
<a href="#">abcabcabcabcabc</a>
</div>

所以行内元素一定要把回车或空格等因素考虑进去，因为它们也是行内元素的组成部分！

Answer 2

是不是被别的样式覆盖了？

追问

确定没有。