title: How to add arrows to elements with Tailwind CSS?
body: <p>I have a navbar that contains a Search field and a Social Network dropdown which both show up below the navbar if they are active.
  I saw on other websites small &quot;arrows&quot; that connect the second row elements visually with the first one like this:
  <a href="https://i.stack.imgur.com/865bL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/865bL.png" alt="enter image description here" /></a></p>
  <p>How can I achieve the same and always make sure that the arrow is also pointing to the correct parent element (visually)?
  This is my navbar (somehow the JavaScript doesn't work): <a href="https://play.tailwindcss.com/qksxyrh24P" rel="nofollow noreferrer">https://play.tailwindcss.com/qksxyrh24P</a></p>