0

我正在从头开始构建我的第一个站点（我以前只维护过站点或使用过程序来创建它们），如果没有全部内容，我似乎无法让文本保持在背景图像的顶部左。这是我的 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;修复了对齐问题，但将文本推到了最右边。

PSheader.jpg宽 1000 像素，高 250 像素。

有想法该怎么解决这个吗？

4

1 回答 1

1

我没有足够的代表在评论中问你以澄清你所说的“留在背景图像之上”的意思，所以如果我弄错了，请原谅我。

你想让 p 文本在 div 上居中对齐吗？

这是一个 jsfiddle http://jsfiddle.net/LGLKe/1/

于 2012-07-28T12:48:27.223 回答