html - 外边距或空格不能改成0

Question

这是我的CSS代码

       .my-works {
         margin-top:0;
         width: 100%;
         background-color: orange;
            }

        .my-works h3 {
            text-align:center;

            }

这是我的html代码

    <section class="my-works">

        <h3> MY WORKS </h3>

        <article>
            <h4>My Blog</h4>
            <img src="blog.png">
        </article>

        <article>
            <h4>A Tambay Inspired Flappy Bird - Yotni Bird</h4>
            <img src="flappybird.png">
        </article>

    </section>

这是网站的结果

我已经将 css 边距更改为 0，但两者之间仍有空间。

Answer 1

您需要将 h3 设置为 margin-top:0

.my-works h3 {
    margin-top:0;
}

不是容器