左对齐且垂直居中简单吧，可是卡着了。。。

Question

html部分: <div> <img src="abc.jpg" alt="abc" /> <a href="#">a内内容可能多行或一行!!</a> </div> css部分: div { display:table; height:40px; width:300px; } img { float:left; height:40px; width:40px; } a { display:table-cell; text-align:left; vertical-align:middle; } 那么，为什么a的内容没贴在img的右边呢？？？

Answer 1

text-align是父元素用的，意思是父元素内的行内元素对齐方向，vertrical-align是子元素用的，意思是与同一行的行内元素对齐。

Answer 2

text-align跟vertical-align是不是应该写在div里。