JSFiddle - React, Tailwind, and code Playground

HTML

<div style="display: inline;
  position: relative;
  float: left;">
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
    Long text <br />
      <a name="a2" onclick="javascript:toCurrentPosition(event)">Show Details</a>  <br />  
      
</div>
      
<div style="display: inline; position : relative;
  float: left;" id="update">
 Itemlist1
 </div>

CSS

a {
    color: blue;
    text-decoration: underline;
    cursor: pointer;
}

JavaScript

function toCurrentPosition(event) {
    var div = document.getElementById('update');
    div.style.top = event.target.offsetTop + "px";
}