Ändern Sie den Abstand zwischen Fontawesome Liste Symbol und Text

Question

Ist es möglich, den Abstand zwischen dem Symbol und dem Text ohne <span> Elemente und nur CSS zu ändern?

Meine sass für eine Standard-Liste:

ul { 
    margin: 2rem 0; 
    padding-left: 3rem; 
    li { 
     margin-bottom: 1.4rem; 
     &:before {  
     font-family: 'FontAwesome'; 
     content: '\f0da'; 
     margin:0 0.5rem 1rem -2rem; 
     color: $color-leuchterred; 
     } 
    } 
} 

Answer 1

fügen Sie ein Leerzeichen en in Ihrem Inhalt - blättern Sie zu Interpunktion nach unten https://css-tricks.com/snippets/html/glyphs/

ul { 
    margin: 2rem 0; 
    padding-left: 3rem; 
    li { 
     margin-bottom: 1.4rem; 
     &:before {  
     font-family: 'FontAwesome'; 
     content: '\f0da\2002'; 
     margin:0 0.5rem 1rem -2rem; 
     color: $color-leuchterred; 
     } 
    } 
}