如何讓文字在100％寬的div中保持原位？

Question

所以我有一個頁眉被設置爲100％的寬度在我的網頁上，我想把文字放在橫幅上並保持原位，但是當我放大和縮小文字改變的位置時。我如何製作它以便文本保持在我設置的位置，放大和縮小不影響它？

小提琴：jsfiddle.net/5ASJv/

HTML

<div id="wrap"> 
<div class="right"> 
    Hey <br /> 
    What is up <br /> 
</div></div> 

CSS

* { 
margin: 0 auto; 
} 

#wrap { 
height: 150px; 
width: 100%; 
background: url(http://froggyadventures.com/wp-content/uploads/galleries/post-93/full/placeholder%20-%20Copy%20(2).gif) no-repeat center; 
text-align: center; 
background-color: #FFF; 
} 
.right{ 
width: 400px; 
height: 110px; 
position: relative; 
z-index: 999; 
top: 100px; 
left: 100px; 
} 

Answer 1

試試這個：

* { 
margin: 0 auto; 
} 

#wrap { 
height: 150px; 
width: 100%; 
background: url(http://froggyadventures.com/wp-content/uploads/galleries/post-93/full/placeholder%20-%20Copy%20(2).gif) no-repeat center; 
text-align: center; 
background-color: #FFF; 
position: relative; 
} 
.right{ 
width: 400px; 
height: 110px; 
position: absolute; 
z-index: 999; 
top: 100px; 
left: 100px; 
}