title: alignment issue with inline-blocks of different heights
body: <p>I'm trying to get the blocks pictured here to align with each other, but if they are different heights, for some reason the shorter div aligns to the bottom of the container div. Neither div has any sort of padding or margin that would cause this behavior. What do I need to do to get them to align to the top of the div?</p>
  
  <p><img src="https://i.stack.imgur.com/Ie2pV.png" alt="enter image description here">  <img src="https://i.stack.imgur.com/EF4Er.png" alt="enter image description here"></p>