Html css填充在chrome和firefox中不起作用

我有一个div内的css

<div>
<span>
<ul></ul>
</span>
</div>

#SPAN {
    PADDING-RIGHT: 0px; PADDING-LEFT : 14px; FONT-SIZE: 11px; FONT-FAMILY:Tahoma; PADDING-BOTTOM: 0px; WIDTH: 100%; PADDING-TOP: 15px; HEIGHT: 100%
}



#UL {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; 
}

在这里，span标记中的左填充在chrome和firefox中不起作用。我尝试了一些解决方法，比如文本缩进：14px和填充：014px，但似乎不起作用。任何帮助都将不胜感激。提前感谢。

将样式包装到标题部分的块中，并从选择器中删除。散列符号需要通过id属性标识元素，而您的元素没有标识

---

作为旁注，您的标记无效，因为您不能将无序列表包装到span元素中

span is inline元素并添加display:inline块以具有块样式 跨度{ 右侧填充：0px；左侧填充：14px；字体大小：11px；字体系列：Tahoma；底部填充：0px；宽度：100%；顶部填充：15px；高度：100%；显示：内联块； }

回答我自己的问题

---

使用MARGIN-LEFT:14px代替PADDING-LEFT:14px。firefox可以识别这一点。

此选项提供了所需的填充，但增加了屏幕的高度div@cxyz：那你为什么要接受呢？你不在乎身高的增加吗？