How to drop one word below the line?

Question

Layout

Good afternoon. How can I make the word "in" below "Work" one line, and "minimalism" below "in" also one line? Those. such a ladder of words. The code:

<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>

Answer 1

so that the word "in" is one line below "Work" and "minimalism" is also one line below "in"?

.in {
    vertical-align: -1em;
}

.minimal {
    vertical-align: -2em;
}

Answer 2

<style>
  .in {
    position: relative;
    top: 1em;
  }
  .minimal {
    position: relative;
    top: 2em;
  }
</style>

<h2 class="heading">Work <span class="in">in</span> <span class="minimal">minimalism</span></h2>