文字と画像を同列に並べる方法

vertical-alignはインライン要素とテーブルセル要素にのみ適用します。
ブロックレベル要素には適用できませんので、display: table-cell;を使用します。

[方法1] H1の中に画像を入れる方法

※この方法は、文字数が多かったり、改行するとimageの下に文字が回り込みます。

<div id="header1">
 <h1><img src="image/hana.jpg" alt="花の画像" title="花の画像" />文字の縦位置を中央にする。</h1>
<!-- end[div id="header"] --></div>

<style type="text/css">
	#header1 h1{
		margin:0px;
		padding:0px;
		font-size:15px;
		border:solid 1px #0000ff;
	}
	#header1 img{
		vertical-align:middle;
		margin-right:10px;
	}
</style>