Question

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="stylesheet.css"/>
        <title>Meriniuc Răzvan - Dumitru</title>
    </head>
    <body>
        <div class="left"></div>
        <div class="right"></div>
        <div id="header">
            <h3>
                Cv
            </h3>
        </div>
        <div id="footer"></div>

    </body>
</html>

.left {
    border-radius: 10px;
    background-color: green;
    height: 310px;
    width: 75px;
    float: left;
    margin-top: 65px;
}

.right {
    border-radius: 10px;
    background-color: blue;
    height: 310px;
    width: 50px;
    float: right;
    margin-top: 65px;
}

#header {
    position: fixed;
    height: 65px;
    background-color: red;
    width: 720px;
    border-radius: 10px;
    display: block;

}

#footer {
    clear: both;
    height: 65px;
    width: 720px;
    background-color: black;
    border-radius: 10px;
}

h3 {
    margin: auto;
}

With "margin:auto" 使用＆＃34;保证金：自动＆＃34;。 Without "margin:auto" 没有＆＃34;保证金：自动＆＃34;

我正在学习HTML和CSS，并尝试创建一个简历页面，但我的标题不会成为焦点。我已经阅读了这个问题，一般的解决方案似乎使标题显示为一个块，但它仍然无法正常工作。你能否解释一下为什么这段代码不能集中我的标题并提供可能的解决方案？提前谢谢！

Answer 1

自动边距使元素居中。他们不会将内联内容集中在其中。

标题居中。文字＆＃34; Cv＆＃34;在标题的左侧对齐。

要使其居中，请使用text-align。

Answer 2

使用text-align: center; h3标记包含文字。

h3 {
    text-align: center;
}

保证金：自动无效

2 个答案: