HTML& amp;中心问题CSS

时间:2016-06-16 22:56:50

标签: html css

目前我的问题是:http://prntscr.com/bhafke 浏览器:Chrome

出于某种原因,它没有正确居中。您可以在下面找到我的代码:

HTML:

<body>
    <div id="wrapper">
        <h1>Test Text</h1>
    </div> <!-- wrapper div end -->
</body>

CSS:

#wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
}

2 个答案:

答案 0 :(得分:1)

您是否尝试将包装器或文本置于包装器中心?如果您只是试图使包装器居中,那么您已经正确地执行了此操作。如果您尝试将文本置于包装器中心,则需要添加另一个CSS规则:

text-align: center;

答案 1 :(得分:1)

使用text-align: center;将标题文字置于div

的中心