伊のspace～芳香精油＊美容保養＊程式設計

本篇文章重新編排，請觀看 更好閱讀 及 理解 的新版：文字圖片對齊同一水平線(垂直置中vertical-align:middle)

程式碼：

<div>文字與圖片對齊方式<span style="vertical-align:middle;"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:baseline"><img src="#"></span></div>

<div>文字與圖片對齊方式<img src="#"></div>

<div>文字與圖片對齊方式<span style="vertical-align:bottom"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:sub"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:super"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:text-bottom"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:text-top"><img src="#"></span></div>

<div>文字與圖片對齊方式<span style="vertical-align:top"><img src="#"></span></div>