title: Different line-height in Chrome and Firefox
body: <p><a href="https://i.imgur.com/WnRm9aw.png" rel="noreferrer">http://i.imgur.com/WnRm9aw.png</a></p>
  
  <p>Seems like an issue with line-height. I have line-height:1 in CSS reset, which seems to be causing the issue. However, even when I set up specific line-height (in pixels) to that element, there is still the difference. </p>
  
  <p>When I remove the line-height property from CSS reset altogether, it does indeed make the gap equal in both browsers, however the orange background - parent - gets stretched by 6 pixels in Chrome.</p>
  
  <p>Is there any work-around? Thanks</p>