title: <img> positioning behavior
body: <p>I can't seem to wrap my head around how img tags behave alongside text in an html page.</p>
  
  <p>I've removed margins and padding, but there always seems to be some extra space under the img or some other unexpected behavior. I'm sure theres quick CSS workaround using absolute positioning or negative margins but I'm looking for a more general solution.</p>
  
  <p><strong>Question:</strong> Can someone explain how img tags are positioned, specifically why do they get offset vertically when alongside text?</p>