我想把/ar页脚中的图标移到文本的前面。下面是网址和截图：
http://qarawa-sweets.com/ar/
所需结果https://i.stack.imgur.com/RMDwn.png的图像描述
HTML代码：
< span style="color: #f45152; font-size: 11pt;" >< i class="fa fa-whatsapp" style="color: green;" >第00972 - 598 - 301 - 381号< /i > 00972-598-301-381 < /span >< /p >
下面是CSS：

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

I found this https://stackoverflow.com/questions/74168999/how-to-insert-icon-before-text but I couldn't apply it.