如何在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

在你的情況和方法，如果你想給絕對位置的.right和希望文本出現在你設置的地方，然後在你的.right課程中使用以下內容。

left:50%; 
margin-left:-100px;