07.vertical-alignプロパティは、縦方向の位置を指定します。
ここでは、画像に対する縦方向の位置の設定を紹介します。
適用要素:インライン要素、th要素、td要素


※★CSS
.img1 {
	vertical-align: baseline;
}

..img3 {
	position: absolute;
	clip: rect(0px 200px 49px 150px);
}
.img2 {
	vertical-align: top;
}

.img3 {
	vertical-align: middle;
}

.img4 {
	vertical-align: bottom;
}

.img5 {
	vertical-align: -10px;
}

.img6 {
	vertical-align: 150%;
}

※★HTML
<p>①<img class="img1" src="04test_img/logo9.png" alt="60 Plus One" />baseline</p>
<p>②<img class="img2" src="04test_img/logo9.png" alt="60 Plus One" />top</p>
<p>③<img class="img3" src="04test_img/logo9.png" alt="60 Plus One" />middle</p>
<p>④<img class="img4" src="04test_img/logo9.png" alt="60 Plus One" />bottom</p>
<p>⑤<img class="img5" src="04test_img/logo9.png" alt="60 Plus One" />-10px</p>
<p>⑥<img class="img6" src="04test_img/logo9.png" alt="60 Plus One" />150%</p>

60 Plus Onebaseline

60 Plus Onetop

60 Plus Onemiddle

60 Plus Onebottom

60 Plus One-10px

60 Plus One150%