为什么<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