左にアイコン画像を置く

ここ忍者ブログでは

/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-bottom: 1px solid #000;
padding-left:25px;
background-image:url(省略/title_bg.gif);
background-repeat:no-repeat;
height:20px;
}

のようになっていて、このテンプレートでは「背景画像」として置かれている。 この場合なら背景画像に合わせて一番下の height を調整することが必要。 20px を超える画像の場合、下の部分が表示されないから。
しかし他に背景画像を置くなら、<img> タグによる埋め込み画像の方が扱い易いであろう。

<div class="PluginBlock"><!--plugin1-->
<div class="PluginInnerBlock">
<div class="PluginTitle <!--$plugin_title_align-->">
<img src="省略" alt=" ;" />
<!--$plugin_title--></div>

このままではデフォルトである下に揃うカタチとなるので、大きさに「差」がある場合には、テキストの位置を調整することになる。 それはイメージタグに適用されることになる。

style="vertical-align: middle" を追加します。
<img src="省略" alt="" style="vertical-align: middle" />

jugem でも

<!-- BEGIN calendar -->
<div class="linktitle">
<img src="省略" alt=""  style="vertical-align: middle" />
CALENDAR
</div>

同じようにすることが出来る。

自動挿入