title: display:inline block but move divs as high as possible
body: <p>I have two divs that I would like to be side-by side if the screen is wide enough but if it's a narrow screen I want them to display one below the other, basically like inline block will do. the problem with inline block is the shorter one is as low as it can go on the 'line', like a full stop next to a bigger letter. how can I make the two divs go as high as possible on the 'line' so the white space is below the smaller div not above it, more like a quote mark next to a letter</p>
  
  <p>either div could be taller than the other</p>