[解決済み] SPANのheightプロパティを設定する方法

質問

以下のコードを、あらかじめ定義された高さで伸縮可能にする必要があります。

<style>
.title{
   background: url(bg.gif) no-repeat bottom right;
   height: 25px;
}
</style>

<span class="title">This is title</span>

しかし スパン はインライン要素なので、"height" プロパティは機能しません。

試しに div しかし、上の要素の幅まで広がってしまいます。また、幅は柔軟に変更できるはずです。

どなたか良い解決策をご提案いただけないでしょうか？

よろしくお願いします。

どのように解決するのですか？

を与える。 display:inline-block をCSSで指定することで、思い通りに動作するようになります。
互換性という点では IE6/7 意志 は、quirks modeが示すように、これで動作します。

IE 6/7では、display: inlineが自然な要素にのみ値を受け付けます。