title: How to make a clickable element that fits perfectly into text?
body: <p>I'm currently writing a full-javascript application based on ascii art. There will be big pieces of ascii art, and I need to make clickable parts of this ascii art. Problem is : the ascii art is monospaced, of course, so the clickable part must fit perfectly inside the art and musn't break the alignment of the art's characters.</p>
  
  <p>When I use a button like that :</p>
  
  <pre><code>&lt;button style="border:none; font-familiy:monospace"&gt;&lt;/button&gt;
  </code></pre>
  
  <p>Then the alignment is broken, and the result varies depending on the browser.</p>
  
  <p>So I could use a span and make it clickable using javascript, but I heard that it wasn't a good idea for accessibility to do so... what's the best solution ?</p>
  
  <p>Thanks !</p>