CSSでテキストの先頭に画像を表示する

CSSの背景画像を使って、タイトルなどの先頭に画像を表示します。

マーカーの大きさにより適宜数値は修正。

デモページへopen_in_new

HTMl

<div class="mod_Midasi002">
<h2>Midasi_002：リストマークつき見出し</h2>
<!-- mod_Midasi002_end --></div>

CSS

.mod_Midasi002{
}
.mod_Midasi002 h2{
	min-height:23px;
	height:auto!important;
	height:23px;
	padding:0 0 0 30px;
	font-size:1.4em;
	font-weight:bold;
	line-height:23px;
	color:#666;
	background:transparent url('Midasi_002.gif') no-repeat 0 0 scroll;
}