「CSS入門」 CSS のプロパティvertical-alignを使う方法
説明
vertical-align は CSS のプロパティで、インラインボックス、インラインブロック、
表セルボックスの垂直方向の配置を設定します。
構文
baseline | sub | super | text-top | text-bottom | middle | top | bottom | <percentage> | <length>
使用例
CSSコード
img.top { vertical-align: text-top; }
img.bottom { vertical-align: text-bottom; }
img.middle { vertical-align: middle; }
img.text-top { vertical-align: text-top; }
htmlコード
<div> <img src="xxx" alt="link" /> AA11</div>
<div><img class="top" src="xxx" alt="link" /> BB22</div>
<div><img class="bottom" src="xxx" alt="link" /> CC33</div>
<div><img class="middle" src="xxx" alt="link" /> DD44</div>
<div><img class="text-top" src="xxx" alt="link" /> EE55</div>