html - 我怎样才能摆脱我的 h2 标签周围的空白？

Question

HTML:

<h2>Hello world</h2>

CSS

h2{
    padding: 0px;
    margin: 0px;
    font-size: 100px;
    background-color: #f00;
}

http://jsfiddle.net/Mekaron/w50mz2n3/

margin 和 padding 设置为 0。为什么文本不适合边框？ 在这里使用 javascript 是一个选项，但我不知道从哪里开始。 有什么想法吗？

Answer 1

您可能希望将 h2 设为内联元素。将 display: inline; 添加到您的 CSS。

JSFiddle