php - 为什么链接的顶部和底部有空白？

Question

我有一个被 anchor 标记包围的 h3 标记，但文本的顶部和底部有很多空白，我似乎无法去除。我将发布我拥有的代码和它的外观图像。

HTML/PHP:

echo
'<div class="entertainment-loc-cont">
    <a href="' . $object['link'] . '"><h3 class="entertainment-title">' . $object['title'] . '</h3></a>
    <a href="' . $object['link'] . '"><img src="' . $object['img_link'] . '" /></a>
        <div class="entertainment-info">
            <p class="entertainment-line-1">' . $object['line_1'] . '</p>
            <p class="entertainment-line-2">' . $object['line_2'] . '</p>
            <p class="entertainment-line-3">' . $object['line_3'] . '</p>
            <p class="entertainment-line-4">' . $object['line_4'] . '</p>
            <p class="entertainment-line-5">' . $object['line_5'] . '</p>
        </div>
</div>';

CSS:

.entertainment-loc-cont {
    width: 100%;
}
.entertainment-loc-cont img {
    width: 100%;
}
.entertainment-loc-cont a {
    font-size: 2.5em;
    text-decoration: none;
}
.entertainment-title {
    color: #000000;
}

结果:

Answer 1

根据 W3 specifications , <h3> 的默认 css 值标签如下:

h3 {
    display: block;
    font-size: 1.17em;
    margin-before: 1em;
    margin-after: 1em;
    margin-start: 0;
    margin-end: 0;
    font-weight: bold;
}

如果你想改变它，在你的CSS中覆盖它，最简单的方法:

h3 { margin: 0; }