title: How could i make a div, from a React component, appear every time above the last element in the div (which is positioned absolute)
body: <p><a href="https://i.stack.imgur.com/vtDdD.png" rel="nofollow noreferrer"></a></p>
  <pre><code> function Reserved(props) {
    return(
     &lt;div&gt;    
       &lt;FaRegUserCircle class=&quot;deskReserved&quot; id={props.cod} key={props.cod}&gt;&lt;/FaRegUserCircle&gt;
        {fetchedData?.map((d, i) =&gt; {
        if(d.codSpace == props.deskNo) 
        return( 
          &lt;div class=&quot;hide&quot;&gt;
            &lt;span&gt;desk cod: {d.codSpace}&lt;/span&gt; &lt;br&gt;&lt;/br&gt;  
            &lt;span&gt;status: booked&lt;/span&gt;&lt;br&gt;&lt;/br&gt;
            &lt;span&gt;by: {d.userName}&lt;/span&gt;
          &lt;/div&gt;   
        )
        })}
     &lt;/div&gt;
    );}
  </code></pre>
  <p>Each red icon has a message that should appear above each. In my case, they all appear in the same place one on top of the other. How can I make messages appear above the corresponding icon?</p>