内联元素垂直padding

内联元素实际上是有padding,但是它没有占位，通过添加background-color,可以使它的效果显示出来。

by zicai

HTML

<!-- 内联元素实际上是有padding,但是它没有占位，通过添加background-color,可以使它的效果显示出来。 -->
<span class="one">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis labore delectus quibusdam impedit eaque accusantium ratione error ducimus fugit atque repudiandae perferendis dolore.</span>
<span class="two">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facilis labore delectus quibusdam impedit eaque accusantium ratione error ducimus fugit atque repudiandae perferendis dolore.</span>

CSS

span{
    padding-top:10px;
}
.one{
    background: rgba(0, 0, 0, 0.2);
}