CSS 设置为内联显示，但检查器显示 block

Question

我正在尝试将 h3 标记设置为内联，但无论我在 CSS 中使用什么规则，Inspector 中的框模型都会显示 display: block .

.widget_title {
    display:inline;
    float:left;
}

知道这是为什么吗？

Answer 1

这看起来很简单:在内联元素上使用 float 属性，它强制 inline 元素成为 block 元素。

Read this CSS specs to learn more.

关键部分在这里:

left The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property).