css - 段落大小差异之间的差距

Question

这是小提琴：http: //jsfiddle.net/BE4sy/

本质上，我想消除这两段之间的差距。我意识到这是一个非常缺乏经验的问题，但我不知道如何。

这是代码：

html:

<p id='big'>
Big Text
</p>
<p id='small'>
Small Text
</p>`

CSS：

#big
{
font-size:100px;
}
#small
{
font-size:20px;
}

Answer 1

css使用此代码更改您的

#big
{
   font-size:100px;
   padding:0;
   margin:0;
}
#small
{
   font-size:20px;
}

Answer 2

只需给他们margin: 0，看看：http: //jsfiddle.net/BE4sy/2/

Answer 3

设置边距会改变间隙：

p { margin:0; }

Answer 4

尝试设置

#big
{
    font-size:100px;
    line-height:0px;
}
#small
{
    font-size:20px;
    line-height:0px;
}
p { margin:0; }