How are inline-block vertically aligned?

<section>
    <div class="a"></div>
    <div class="b">b</div>
    <div class="c"></div>
</section>

div {
  width: 2rem;
  aspect-ratio: 1;
  margin: .5rem;
  background-color: rebeccapurple; color: white;
  display: inline-block;
}