行内元素padding

行内元素无法通过设置padding来增加行高或者与其他元素垂直上的距离

by Wang Peng

HTML

<span class="inline">这是一个span元素，无法通过设置padding来增加行高或者与其他元素在垂直上的距离</span>
<span>这是另一个span元素</span>

CSS

.inline {
    padding-top: 100px;
    padding-bottom: 100px;
}
/*可以看到行高木有变化，与另一个span元素的间隔也木有变化*/