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