css - 添加填充到 :before pseudo-element in css

Question

有人知道如何在 :before 伪元素和内容实际开始的位置之间添加填充吗？

<ul>
    <li><strong>Name Surname</strong></li>
    <li>+27.082.555.4155</li>
</ul>

我只希望第一个 li 有一个要点，并且只有它有一个 strong 元素。

我已经正确地使用了:

.fr_contactInformation ul li strong:before
{
    content:url(/App_Themes/2011/images/hm_listImage.gif);
}

.fr_contactInformation ul li strong
{
    /*Here is where I am going wrong*/
    padding-left: 50px;
}

谢谢大家!

Answer 1

你可以在 before 中放置 padding 以在它和元素之间留出空间

.fr_contactInformation ul li strong:before
  {
      content:url(/App_Themes/2011/images/hm_listImage.gif);
      padding-left:50px;
   }