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

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