0
votes

Placez-le-gwe-génial caret et carettez-vous adjacents empilés

J'ai besoin d'une sortie comme ci-dessous

Mon code HTML est comme ci-dessous P>

   .fa, .fas {
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        color: #000;
        font-size: 30px;
        border: 1px solid;
    }

html css font-awesome

0 commentaires

3 Réponses :

1
votes

Essayez ce CSS:

.fa-caret-down{
position:relative;
}

.fa-caret-down:before {
    content: "\f0d7";
    position: absolute;
    bottom: 0px;
}
.fa, .fas {
    font-weight: 900;
    color: #000;
    font-size: 30px;
}

1 commentaires

ça ne marche pas. Je reçois une sortie comme celle-ci i.Stack.imgur.com/ierpu.png

2
votes

Essayez ceci une fois .. p>

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<div class="arrow up"><i class="fa fa-caret-up" aria-hidden="true"></i>
</div>
<div class="arrow down"><i class="fa fa-caret-down" aria-hidden="true"></i>
</div>

1 commentaires

Merci @sunil Rajput. Votre solution fonctionne. Merci.

1
votes

<div class="ab"><i class="fa fa-caret-up" style="font-size:48px;"></i></div>
<div class="ac"><i class="fa fa-caret-down" style="font-size:48px;"></i></div>

0 commentaires