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