css - 在绝对定位的div中将图片与2行文字的底部对齐？

我有一个绝对定位的div，其中包含两行文字旁边的图片，以及之间的空白。
我希望图像的底部与文本第二行的底部或div的底部对齐。

这是显示其外观的图像：

（来源：isw.com.au）

这是我一直在使用的XHTML，但这使图像与文本第一行的底部而不是第二行的底部对齐：

<div style="position: absolute; bottom:0; right:0">
  <img src="images/footer-subscribe.png" title="Subscribe to ISW news" alt="Subscribe to ISW news" style="vertical-align: bottom; margin-right: 25px"></img>
  © Copyright 2011 ISW Australia<br/>Privacy Statement | Disclaimer
</div>

我认为我可以使用CSS background-image更轻松地定位图像，但是它将成为一个链接。

最佳答案

只需将您的文本包装在inline-block div中：

<div style="position: absolute; bottom:0; right:0">
  <img src="images/footer-subscribe.png" title="Subscribe to ISW news" alt="Subscribe to ISW news" style="vertical-align: bottom; margin-right: 25px" />
  <div style="display:inline-block;">© Copyright 2011 ISW Australia<br/>Privacy Statement | Disclaimer</div>
</div>

关于css - 在绝对定位的div中将图片与2行文字的底部对齐？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/7683843/