comment créer une flèche sans utiliser d'image en HTML?

Question

comment créer une flèche sans utiliser l'image en HTML? J'ai un plugin jquery ou des témoignages où ils ont créé une flèche sans utiliser l'image en utilisant le style suivant:

#testimonials .item div.text:after { 
    content: " "; 
    border: 10px solid transparent; 
    border-right-color: #fff; 
    display: block; 
    width: 0; 
    height: 0; 
    margin-top: -10px; 
    position: absolute; 
    left: -20px; 
    top: 50%; 
} 

Je ne peux pas comprendre ce style.

Answer 1

← va créer un personnage ←

→ créera un caractère →.

etc ..

Jetez un oeil à HTML characters.

Cela dépend vraiment du type de flèche que vous voulez créer.

Answer 2

soit utiliser les polices web comme Font Awesome autre comme @Oded dit, vous pouvez utiliser un caractère de flèche avec la propriété CSS content, en cas de liste ou utiliser les entités HTML comme ← ou →

Demo

ul li:before { 
    content: '→ '; 
}