テキストと画像の縦揃え

画像タグの中に class="va-m" を記載

<img src="[TO_ROOT]org_img/org_img_8.png" width="38" height="44" class="va-m" /><span class="fsw-140"> ベースカーブ</span>

何もしないと

va-mを記載すると

と見事に画像とテキストの縦位置の中心が揃いました！

ＩＥＹＡＳＵのヘッダー画像内テキストの改行位置を調整

C:SheepSoftIeyasu2dataブログ名●●●site_130922075●●csscontent.css

から

#header h2{
width: 550px;
font-size: 36px;
line-height: 36px;
position: relative;
left: 30px;
top: 50px;
}

・
・
・
#headertext {
text-align: left;
font-size: 11px;
line-height: 130%;
width: 550px;
position: relative;
left: 30px;
top: 60px;
}

の記述を見つけます。

この「width」の値が初期値では550pxになっているのを変更すると、ヘッダー内テキストの幅を変更できるので、ちょうど良い幅にしてあげれば、改行位置も変更できます。

ただし、サイトを修正すると元の値に戻ってしまいます。
面倒ですが、アップロードする直前に変更するか、ｃｓｓフォルダだけ覗いて除いてアップロードする必要があります^^;

width 550px

↓widthを４００ｐｘに変更

width 400px