如何在具有背景颜色的 span 元素内每行文本的开头和结尾添加填充？

填充文本行

问题：

如何在每行文本的开头和结尾添加填充在具有背景颜色的 span 元素内？

答案：

CSS 解决方案：

此解决方案需要使用内联块和仔细定位：

div { 
    line-height: 1.1; 
    padding: 1px 0;
    border-left: 30px solid #000; 
    display: inline-block; 
}
h3 { 
    background-color: #000; 
    color: #fff; 
    display: inline; 
    margin: 0; 
    padding: 0
} 
h3 .indent { 
    position: relative; 
    left: -15px;
}
h3 .subhead {
    padding: 0 15px;
    float: left;
    margin: 3px 0 0 -29px;
    outline: 1px solid #00a3d0;
    line-height: 1.15
}

HTML 标记：

<div>

以上是如何在具有背景颜色的 span 元素内每行文本的开头和结尾添加填充？的详细内容。更多信息请关注PHP中文网其他相关文章！