新手 html css js 设置边距 像微信那样

文字的背景太小了 怎么搞大点 像微信那样 ，试过多一层div 用 margin没有用

css：

html js：

其实，使用行内元素就可以。理解一下，行内元素和块元素是什么意思吧。

代码:

 <style>
.p{
        padding:6px;
        font-size: 16px;
        line-height: 16px;

        color:#4e4e4e;
        border-radius: 5px;
        background: rgb(158,234,106);
        box-shadow: 0px 0px 2px #9c9c9c;
}
</style>
    <div>
            <span class="p">内容</span>
    </div>

margin是外边距，背景色不显示在外边距，padding是内边距，背景色显示，改为padding

如果是你这个结构，外层有颜色，内层_qipao设置margin是可以显示外层背景色的，没看出有什么问题，自己检查样式打对了没有，还有就是width/height的值fit-content有些浏览器不支持