Javascript 图标没有向右浮动，我最多只能看到中央

我正在使用引导，并且有一些脚本在图标不显示时隐藏它。我假设这是图标未向右移动的原因

这就是正在发生的事情：

这是我在HTML中的代码：

<div class="modal-header">
  <h5 class="modal-title" id="zone_header"></h5>
  <span id="dilemmaZoneIcon" class="icon_hide_dilemmazone dz-icon ml-auto">
    <i class="fas fa-exclamation-triangle"></i>
  </span>

---

非常感谢任何解决方案。我尝试了从内联样式到！重要的CSS标签

只是一个旁白：但是你知道

i

不是

图标，对吗？请发布一个代码片段或JSFIDdle哦，这是一个很棒的图标，但是是的，我知道我不是一个图标。它不是我的CSS，它都是引导控制的。如果你知道Bootstrap（我是初学者），那么你可能知道这里控制的CSS。你是否尝试将class=“float right”添加到“dilemazoneicon”元素中？谢谢。是的。我在课堂上试过了，用CSS和！重要信息，但两者都无法使图标向右浮动。
document.getElementById("dilemmaZoneIcon").classList.add("icon_hide_dilemmazone");