css - 显示：inline-block in和

Question

我把一个 divdisplay:inline-block放在一个<p></p>. div 清除左侧。但如果我把它放在 a 中<div></div>，它就会顺其自然。

小提琴：http: //jsfiddle.net/jDBxN/

有谁知道为什么？如何使<p>与inline-block行为相同<div>？

浏览器是 Chrome 29

Answer 1

您的 HTML 无效，您不能在p标签内嵌套块级元素，请考虑span改用

演示

如果你愿意，你也可以p在里面嵌套一个标签，div但是文本会失去它的意义，所以更好地使用p和嵌套spaninside p。

来自规范：资源

P 元素代表一个段落。它不能包含块级元素（包括 P 本身）。