如何为codeText类添加文本与背景间距（非内联样式）

只需在.codeText类的CSS中添加padding属性，就能实现文本与背景之间的间隙，且样式可直接复用。

修改后的CSS代码 #

.codeText{
    background-color: #2C3E50 ;
    color: white;
    display:inline-block;
    border-radius: 25px;
    padding: 8px 16px; /* 上下内边距8px，左右16px，可根据需求调整数值 */
}

说明 #

padding属性用于控制元素内容与自身边界（背景会填充到边界范围内）的距离，添加后就能让文本和背景之间产生你需要的间隙。将该属性写入.codeText类中，所有使用这个类的元素都会自动应用此样式，无需重复编写内联样式。

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