我知道有一种方法可以使列表项中的第二行文本缩进。我正在尝试对具有自定义列表图像的文本段落应用类似的效果。
的HTML
<p>
<a class="bullet">
Lorem ipsum dolorsit & consectetur adipisicing
</a>
</p>
的CSS
.bullet:before {
background-image:url("../bullet-image.png");
display: inline-block;
vertical-align: middle;
background-position: 10px 5px;
content:"";
}
这可以解决问题:
FIDDLE CSS:
.bullet{
position:relative;
padding-left:20px;
display:block;
}
.bullet:before {
background-image:url("../bullet-image.png");
background-position: 10px 5px;
content:"";
height:15px;
width:15px;
position:absolute;
top:0;
left:0;
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句