<!DOCTYPE html> <!-- webkit-test-runner [ LayoutFormattingContextEnabled=true LayoutFormattingContextIntegrationEnabled=false ] -->
<style>
.container {
  background-color: green;
  color: green;
  font-family: Ahem;
}
</style>

<div class=container>
  <img src="" style="width: 2px; height: 100px; vertical-align: bottom">
  <span style="vertical-align: top; font-size: 40px;">
    XXX
    <span style="vertical-align: text-bottom; font-size: 20px;">XXX</span>
  </span>
</div>