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

span {
  vertical-align: top;
}

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>