CSS属性“text-indent”不适用于html span元素

前端之家收集整理的这篇文章主要介绍了CSS属性“text-indent”不适用于html span元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
例如:-

HTML代码

<div>
     <h1><span class="title-icon">icon</span> Hello India!</h1>
</div>

CSS代码

h1{
}

h1 span{
    background: url("../images/icon.png")
    text-indent: -9999px;
    width:24px;
    height:24px;
    margin-right:1em;
}

解决方法

文本缩进不适用于内联元素。 <跨度>默认为内联。您需要更改它,使其作为一个内嵌块:
display:inline-block;

猜你在找的CSS相关文章