Collision between consecutive chords

[alebabai]

what

If two chords are in a row and no text between them, then they will merge in the rendered html.

В`[E]`сё идет `[Am]`по пла`[F]`ну.`[C]` `[E]`

why

For now I found two possible approaches for chords rendering:

• absolute (current)

  .lyrics .chord {
  position: absolute;
  margin-top: -1.5rem;
  }

• relative

  .lyrics .chord {
  position: relative;
  display: inline-block;
  top: -1.5em;
  width: 0;
  }

And I don't know how to separate them without creating a gap between words.

[alebabai]

Possible workarounds:

• put two chords in the same brackets `[Am C]`
• put a chord on previous line