title: css put and arrow pointing to IMAGE?
body: <p>I have no idea how can I put an arrow in the same color of my div pointing to the IMAGE text.
  Some ideas? how can I do this?</p>
  
  <p><a href="https://jsfiddle.net/fvvrLqLp/" rel="nofollow">https://jsfiddle.net/fvvrLqLp/</a></p>
  
  <pre><code>#arrow{
   background-color:#FFD600;
   color:#fff;
   border-radius:15px;
   padding:5px;
   z-index:999;
   max-width:150px;
  }
  </code></pre>
  
  <p>html:</p>
  
  <pre><code> image&lt;br&gt;&lt;br&gt;
      &lt;div id="arrow"&gt;
      text
      &lt;/div&gt;
  </code></pre>
  
  <p>thank you friends!</p>