title: How do I test if two <img> are touching each other
body: <p>I'm trying to create this mini-game where you fight each other. I used two <code>&lt;img&gt;</code>s as the characters and I got the movement down on both of the <code>&lt;img&gt;</code>s but, I want to make it so when the <code>&lt;img&gt;</code>s are touching you have a option to punch them.</p>
  
  <p>All I'm asking is how to test if they are touching. I'm pretty sure I can handle everything else and if not I can look whatever up. I've tried looking it up hundreds of times, but none of them really talking about <code>&lt;img&gt;</code>s only like divs. If they do talk about <code>&lt;img&gt;</code>s it's very confusing.</p>