title: How to vertically align 2 different sizes of text?
body: <p>I know to vertically align text to the middle of a block, you set the line-height to the same height of the block.</p>
  
  <p>However, if I have a sentence with a word in the middle, that is <code>2em</code>. If the entire sentence has a line-height the same as the containing block, then the larger text is vertically aligned but the smaller text is on the same baseline as the larger text.</p>
  
  <p>How can I set it so both sizes of text are vertically aligned, so the larger text will be on a baseline lower than the smaller text?</p>