title: How to align an iframe to text baseline?
body: <p>I would like to find a way to align the bottom of an iFrame to the baseline of text the iFrame is inline to, in this case, the text inside the list item (HTML is below). I would prefer a solution that doesn't modify the iFrame style (which is code generated) but instead works with the surrounding HTML.</p>
  
  <pre><code>    &lt;ul class="itemList"&gt;
          &lt;li class="item"&gt;
              first item
              &lt;div style="display: inline-block; margin-left: 20px;"&gt;
                  &lt;iframe scrolling="no" style="border: 0; width: 80px; height: 16px;"&gt;
                      &lt;!-- iframe content here --&gt;
                  &lt;/iframe&gt;
              &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  </code></pre>