如何为span标签内的文本开头和末尾添加额外的留白空间？

原有样式未配置内边距，导致背景紧贴文本边缘，你只需要给对应CSS类添加内边距属性，即可实现文本和背景边缘的左右留白效果。
原有HTML代码无需调整，修改后的样式代码如下：

.singleNews__content__info__label{
    text-transform: uppercase;
    background-color: #d9d9d9;
    color: #5f5f5f;
    text-align: center;
    /* 新增内边距配置：第一个值为上下内边距，第二个值为左右内边距，可根据需求自由调整数值 */
    padding: 2px 10px;
    /* 可选配置：如果需要背景带圆角效果，可添加以下属性，数值越大圆角越明显 */
    border-radius: 2px;
}

如果需要单独控制左右留白的宽度，也可以拆分为单独属性配置：

padding-left: 10px;
padding-right: 10px;

内容的提问来源于stack exchange，提问作者John John