Таким образом, у меня есть заголовок, который установлен на 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;
}
В вашем случае и подходе, если вы хотите дать абсолютное положение.right и хотите, чтобы текст отображался везде, где вы его устанавливаете, используйте следующее в вашем классе .right
.
left:50%;
margin-left:-100px;
.right
? jsfiddle.net/5ASJv/1