：在伪元素之前没有移动实际内容

Question

我希望在下一行有一个特定的链接元素，前面有一个图标，如下所示：

  Lorem ipsum dolor sit amet, consectetur adipiscing      
  imperdiet turpis vulputate vel. Duis erat purus,     
  Maecenas eu odio eget felis commodo lacinia. Sed pellentesque, 
  metus id blandit volutpat, mi nisl egestas lacus, ut
> THIS IS THE LINK

和 NOT 就像这样

  Lorem ipsum dolor sit amet, consectetur adipiscing      
  imperdiet turpis vulputate vel. Duis erat purus,     
  Maecenas eu odio eget felis commodo lacinia. Sed pellentesque, 
  metus id blandit volutpat, mi nisl egestas lacus, ut
  > THIS IS THE LINK

现在，当我使用：before伪元素时，它可以完成工作，但是当更改字体或字体大小时，缩进是错误的。

a:before{
   content:"> ";
   width:0;
}

任何？

Answer 1

这应该这样做：

Demo Fiddle

a{
   position:relative;
}
a:before{
   content:"> ";
   width:0;
   position:absolute;
   left:-10px;
}

您需要为:psuedo之前设置定位，然后将其偏移到左侧。为了做到这一点，它需要找出相对于自己定位的位置，这就是为什么你也要给父母提供帮助的原因。 a一个职位。

正如Duroth所说 - 如果您不希望它占据空间，您还可以指定伪位置值absolute。