※★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>
①baseline
②top
③middle
④bottom
⑤-10px
⑥150%