标签内文字上下不贴边？

Question

在p、div、span、h1~6等标签中直接写文字，不设置padding-top和padding-bottom，会有文字上下不贴边的情况，请问如何处理？

如图，文字应当与蓝色区域的上下边界直接还有一段距离

代码如下：

<style>
    p{
       font-size: 1.3rem;
       padding-left: 15px;
       margin-top: 15px;
       color: #b2b2b2; 
    }
    
    span{
        color: green;
    }
</style>

<p><span>测试测试</span>测试</p>

求赐教！

Answer 1

我看你那个图不会只是说margin的缘故没贴边吧。。。

我觉得你是问蓝色这块为什么没有贴边。
在块级元素下，设置元素的 line-height，可以贴边，这块的高度就是你设置的值。
不是块级元素可以用display: block之类的使他块级

---

给p元素加个line-height: 1.3rem 就好了呀，
如果是里面的span元素没有贴边的话，span元素设置inline-block即可。