将字体-真棒插入号和插入号向下堆叠相邻

Question

我需要类似下面的输出

我的HTML代码如下所示

<div>
    <i class="fas fa-caret-up"></i>
</div>
<div>
    <i class="fas fa-caret-down"></i>
</div>

我的CSS代码如下所示

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

我正在像下面那样获得输出

Answer 1

尝试使用此CSS：

Answer 2

尝试一次。.>>