LayoutTests/fast/inline/nested-vertical-alignment-with-bottom-and-line-height.html

<style>
div {
  background-color: red;
  width: 30px;
  margin-bottom: 10px;
  line-height: 10;
}

span {
  vertical-align: bottom;
}

img {
  background-color: green;
  width: 30px;
  height: 30px;
}
</style>
<div><span><img style="vertical-align: baseline"></span></div>
<div><span><img style="vertical-align: middle"></span></div>
<div><span><img style="vertical-align: 10"></span></div>
<div><span><img style="vertical-align: text-top"></span></div>
<div><span><img style="vertical-align: text-bottom"></span></div>
<div><span><img style="vertical-align: sub"></span></div>
<div><span><img style="vertical-align: super"></span></div>