<div class="word-spacing-container">
  <div class="box" />
  <div class="box" />
  <div class="box" />
</div>

<p>the boxes are inline block and the parent has word spacing set to 1rem</p>

<div class="letter-spacing-container">
  <div class="box" />
  <div class="box" />
  <div class="box" />
</div>

<p>the boxes are inline block and the parent has letter spacing set to 1rem</p>

<div class="line-height-container">
  <div class="box" />
  <div class="box" />
  <div class="box" />
</div>

<p>the boxes are inline block and the parent has the line height set to 3rem</p>

p {
  color: rgb(55 65 81 / 0.8);
  font-size: 0.75rem;
  max-width: 11rem;
  text-align: center;
}

.word-spacing-container {
  word-spacing: 1rem;
}

.letter-spacing-container {
  word-spacing: 1rem;
}

.line-height-container {
  line-height: 3;
  width: 3rem;
}

.box {
  background-color: rgb(19 78 74 / 0.1);
  display: inline-block;
  height: 3rem;
  width: 3rem;
}