JSFiddle - React, Tailwind, and code Playground

by Adrian Sikora

HTML

<a>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">
  </span>
</a>

CSS

body {
  padding: 20px 20px;
}

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

img
{
  position: absolute;
  top: 50% - 16px;
  right: 10x;
  border: 1px solid black;
}