JSFiddle - React, Tailwind, and code Playground

HTML

<a>
    <span>text</span>
    <img src="https://img.clipartfest.com/c37b8d1f47f75c7cf1f8f37ede371252_red-down-arrow-clip-art-at-down-arrow-clipart_600-600.png" alt="&#9660" height="16px" width="16px">

</a>

CSS

body {
  padding: 20px 20px;
}

a
{
  position: relative;
  
  padding: 10px 10px;
  padding-right: 30px;
  border: 1px solid black;
}

span{
  margin-right: 10px;
  font-size: 16px;
}

img
{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10x;
  border: 1px solid black;
}