Question

<!DOCTYPE html>
<html>
    <head>
        <title>Test</title>
        <link type="text/css" rel="stylesheet" href="../CSS/ReportPanel.css" />
    </head>
    <body>
        <header>
            <h3>Test Page</h3>
            @* Start Date *@ 
            @* End Date *@
        </header>
        <h3>Test Page</h3>
        <main role="main">
            Hi there
            Hello
            <br />
            <br />
            Meh
        </main>
        <footer></footer>
    </body>
</html>

CSS

body {
}

main {
    display:block;
}

h3 {
    text-align:center;
    width:100%;
}

Answer 1

header {
    text-align: center;
}

这似乎符合您的要求：http://jsfiddle.net/Tks6C/

这会将您拥有的所有内容集中在header元素中。

Answer 2

header {
    text-align: center;
}

应该解决它！

或者您也可以

header {
   width: 100%;
   margin: 0 auto;
}

This link将有助于详细说明嵌套HTML标记的工作原理

Answer 3

如果您想将整个标题居中，而不仅仅是内部文字，那么您可以使用下面的内容。

body {
   width: 100%
}

header {
   width: 200px; /* change this width */
   margin: 0 auto;
}

Answer 4

header{
text-align:center;
}

就是你需要的一切

如何让此标题位于页面中心？

4 个答案: