css - 如何集中我的 h1 标题中的内容

Question

目前我的 h1 内容无法居中，有人可以帮我解决这个问题吗？

h1{
width: 100%;
vertical-align: middle;
color: rgb(5, 5, 5);
font-size:25px;
letter-spacing: 0px;
top: 0;

text-align: left;

padding: 10;
}h1:after
{
    content:' ';
    display:block;
    border:2px solid rgb(122, 119, 119);
}

这是我的 CSS，它给了我这个结果

更新：这是我的 h1 代码，我之前放置了一组错误的代码

<div class="header">   
    <h1> <img src="/Physics Tutor/images/logo.jpg" height = "50">Physics Tutor Portal     
        <button><a href="Shiyun.html">Unanswered Question</a></button>
        <button><a href="index.html">Manage Quiz</a></button>
        <button><a href="Kim.html">Quiz Results</a></button>
        <button><a href="Yvonne.html">Student's Feedbacks</a></button>

        <style>

            button > a:hover {
              background-color: #df54d8;
            }

        </style>
    </h1>
    </div>

标签： csslayoutstylescenter

Answer 1

您正在使用 H2，但您在 CSS 中定义 H1。将 H1 替换为 H2 或将 H2 替换为 H1。之后在 CSS text-align:center 中定义；