JSFiddle - React, Tailwind, and code Playground

HTML

<div class="post-heading" > 
    <h1>Title </h1>
    <span class="icon_container">
      <div>
      <input type="image" alt="icon1" class="icon_1" >
      <br>
      <a>AAA</a>
      </div>
      
       <div>
      <input type="image" alt="icon1" class="icon_1" >
      <br>
      <a>AAA</a>
      </div>
       
    </span> 
</div>

CSS

#icon_container #icon_1 {
    float: right;
    background-image: url(icon.png);
    background-repeat: no-repeat;}


#icon_container #icon_1 A {
    width: 24px;
    display:inline;
    height: 24px;
    display: block;}