爲什麼<h4>高度改變時，我改變標題顯示：內聯？

Question

我有以下幾點：

<h4>Hello</h4> 
<h4 class="a">Hello</h4> 
<h4 class="b">Hello</h4> 

h4 { 
    font: normal 12px/23px Arial, sans-serif; margin: 0; padding: 0 7px; 
    border: 1px solid #CCC; background-color: red; 
} 
h4.a { display: inline; } 
h4.b { display: inline; height: 23px; } 

例子：Here

我需要的是爲標題的高度保持不變，但在寬度不能全寬。我改爲內聯，但我注意到現在高度發生了變化。有人可以解釋我如何保持它的高度？

Answer 1

您完全無法將明確的height值應用於含有display: inline的元素。

如果您改爲使用display: inline-block，該怎麼辦？

Answer 2

我會更傾向於使用float: left