html로 이미지와 텍스트를 연결하는 방법은 무엇입니까?

Question

이미지를 텍스트와 연결하려고하므로 창 크기를 조정하면 텍스트가 이미지와 함께 이동합니다. 다음은 google.de의 예입니다. 창 크기를 조정할 때 Google 로고 아래의 텍스트가 이미지와 함께 이동하는 것을 볼 수 있습니다.

여기 내가 시도한 것.

HTML

<div class="logo"><img src="here is my logo" width="350"></div> 
<div class="textlogo">Here is the text</div> 

CSS는

.logo 
{ 
    text-align:center; 
} 
.logo img 
{ 
    position:relative; 
} 
.textlogo 
{ 
    position:absolute; 
    top:25%; 
    left:64%; 
} 

Answer 1

희망을 할 수있는 무엇이다 이해하다 g 방식 (아니 로켓 과학)

http://jsfiddle.net/MVYGd/1/

Answer 2

이는 구글이 실제로

<div title="Google" align="left" id="hplogo" style="background:url(images/srpr/logo3w.png) no-repeat;background-size:275px 95px;height:95px;width:275px"> 
<div nowrap="nowrap" style="font-size:16px;position:relative;left:214px;top:70px">Deutschland</div> 
</div> 

당신은 같은 방법이 도움이 될 것입니다