文字不會跟隨背景圖像

我從頭開始構建我的第一個網站（我以前只是維護網站或使用過的程序來創建它們），而且我似乎無法讓文本留在上面背景圖像沒有全部走向左側。這裏是我的HTML：文字不會跟隨背景圖像

<html> 
    <head> 
     <title>Abbey Court Guest House</title> 
     <link rel="stylesheet" href="style.css"> 
    </head> 
    <body> 
     <div class="header"> 
      <p>About Us | Contact Us</p> 
     </div> 
    </body> 
</html>

而這裏的，做隱約什麼，我想它的CSS，但它對齊一切向左：

.header { 
    background-image:url('images/header.jpg'); 
    background-position: center; 
    height: 250px; 
    background-repeat: no-repeat; 
    color: #73622b; 
    width: 1000px; 
    text-align: right; 
    font-family: "Verdana", "Helvetica", "sans-serif"; 
}

卸下width: 1000px;修復對齊問題，但推文字到最右邊。

附： header.jpg寬1000px，高250px。

有關如何解決此問題的任何想法？

來源

2012-07-28 cjm

我沒有足夠的代表在評論中要求您澄清「留在背景圖片上」的含義，所以請原諒我，如果我弄錯了。

你想讓p文本在div上居中對齊嗎？

這裏有一個的jsfiddle http://jsfiddle.net/LGLKe/1/

來源

2012-07-28 12:48:27 peteroak

標題圖片是在https://docs.google.com/open?id=0B5mXfT3mA9GyX21CWHFlWG1HUjg我希望文本在右上角走，「修道院法院客人以上房子「文字 – cjm 2012-07-28 13:03:51

你的意思是這樣的？ http://jsfiddle.net/8AWd2/2/ – peteroak 2012-07-28 13:17:43

是的，謝謝，就是這樣！ – cjm 2012-07-28 13:43:15

文字不會跟隨背景圖像

回答

相關問題