外边距或空格不能改为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;
}

不是容器