html - HTMLで画像を使用せずに矢印を作成する方法は?

Question

HTMLで画像を使用せずに矢印を作成する方法は? 次のスタイルを使用して、画像を使用せずに矢印を作成した jquery プラグインまたはお客様の声があります。

#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%;
}

私はこのスタイルを理解することはできません。

Answer 1

@Odedが言ったようにFont AwesomeのようなWebフォントを使用するか、リストの場合はCSSプロパティで矢印文字を使用するか、またはcontentのようなHTMLエンティティを使用できます←→

デモ

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