vertical-alignプロパティは行内のインライン要素、及び表のセル要素が生成するボックスの垂直方向の位置揃えを指定します。テキストと画像の並びを配置するのに特に有用です。
baselinevertical-alignプロパティの値には "em", "px" などの単位識別子を伴う数値の長さによる指定と当該要素自身の line-heightプロパティによる行ボックスの高さを基準値として参照するパーセンテージ(%)による割合のパーセンテージ値指定の他にも以下のキーワードを指定することができます。ただし、キーワードの指定は適用対象がインライン要素と表のセル要素との場合とでそれぞれ意味が異なります。
baselinetopbottommiddlesupersup要素に類似)subsub要素に類似)text-toptext-bottom行の高さは line-heightプロパティによる指定だけでなく、行内に入力されるソースによって内容が置き換えられる置換要素を含む場合は、置換要素に指定されている heightプロパティの値、または内在寸法の高さが行の高さとして適用されます。次の図は、テキストのみを内容とするインライン要素に指定した場合の並びを示したものです。

また、インライン要素における長さとパーセンテージ値の指定には、負の値を指定することもできます。それぞれ「0」,「0%」が、"baseline" と等価であり、正の値は指定された分だけベースラインから当該要素を上げます。これに対して負の値は指定された分だけベースラインから当該要素を下げます。
baselinetopmiddlebottomsuperbaseline" の扱いとなるsubbaseline" の扱いとなるtext-topbaseline" の扱いとなるtext-bottombaseline" の扱いとなるセルの高さは line-heightプロパティによる行の高さとは違い、表要素やセル要素に指定された heightプロパティの値から与えられます。

img.baseline { vertical-align : baseline ; }
img.middle { vertical-align : middle ; }
img.top { vertical-align : top ; }
span.sup { vertical-align : super ; }
span.sub { vertical-align : sub ; }
http://w3g.jp/css/text/vertical-align直近の制作実績等:大阪人間科学大学 New! / 大阪薫英女子短期大学 New! / セキスイハイム みんなのお国じまん New!