Html 如何让SVG在div中向右推

我试图让svg与它所在的div的末尾对齐。div显示在flex中，我将“align self:flex end”附加到svg所在的a标记上。我也试过阻挡，向右浮动。还有其他一些事情。任何帮助都将不胜感激

<div class="d-flex">
  <a class="text-success" href="#"><h4 class="font-weight-bold mr-5">CRM Partners</h4></a>
  <a href="#" class="text-success svg-end"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>

---

好吧…我发誓我以前试过这个。但让auto先生担任第一个职务就成功了

<div class="d-flex">
  <a class="text-success mr-auto" href="#"><h4 class="font-weight-bold">Collaboration Unified Communications</h4></a>
  <a href="#" class="text-success"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>

<div class="d-flex">
  <a class="text-success mr-auto" href="#"><h4 class="font-weight-bold">Collaboration Unified Communications</h4></a>
  <a href="#" class="text-success"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512" class="angle-right text-success" style="min-width: 13px;"><path d="M187.8 264.5L41 412.5c-4.7 4.7-12.3 4.7-17 0L4.2 392.7c-4.7-4.7-4.7-12.3 0-17L122.7 256 4.2 136.3c-4.7-4.7-4.7-12.3 0-17L24 99.5c4.7-4.7 12.3-4.7 17 0l146.8 148c4.7 4.7 4.7 12.3 0 17z"/></svg></a>
</div>