절대적으로 위치가 지정된 div에서 이미지를 2 줄 텍스트의 아래쪽에 맞 춥니 다?

Question

두 줄의 텍스트 옆에 이미지가 있고 그 사이에 여백이있는 절대적으로 위치한 div가 있습니다.
두 번째 텍스트 줄의 아래쪽 또는 div의 아래쪽에 이미지의 아래쪽을 맞추기를 원합니다. 여기

는 이미지처럼 보이게해야하는지 보여주는 것 : 여기 image aligned with bottom of text http://www2.isw.com.au/home/sjleis/stuff.nsf/align-image-bottom.gif

은 내가 사용했던 XHTML, 그러나이 이미지 대신 두 번째의 텍스트의 1 행의 하단에 정렬한다 :

를

<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 배경 이미지로 쉽게 배치 할 수 있지만 링크가 될 것입니다.

Answer 1

은 그냥 inline-blockdiv에 텍스트를 포장 :

<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>