画像とテキスト　位置　合わせる　css

http://www.tagindex.com/stylesheet/img/vertical_align.html

画像に

style="vertical-align: middle;"

とかつける

img.example1 { vertical-align: baseline; }
img.example2 { vertical-align: top; }
img.example3 { vertical-align: middle; }
img.example4 { vertical-align: bottom; }
img.example5 { vertical-align: text-top; }
img.example6 { vertical-align: text-bottom; }
img.example7 { vertical-align: -30px; }
img.example8 { vertical-align: 200%; }

<p><img src="rainbow.jpg" alt="［写真］" class="example1"> baseline を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example2"> top を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example3"> middle を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example4"> bottom を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example5"> text-top を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example6"> text-bottom を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example7"> -30px を指定</p>

<p><img src="rainbow.jpg" alt="［写真］" class="example8"> 200% を指定</p>