mPDF div ends line (probably) - php

Question

I'm working on exporting my page to pdf using mpdf. The problem is, that I need my chords above the text. But every chord starts a new page and verse numbers aren't shown at all...
I'm getting song text from markdown via parses to html and than to pdf
css:
.wrapper{
display: inline-block;
position: relative;
margin-top: 4ex;
}
.chord{
font-weight: bold;
position: absolute;
bottom: 1.6ex;
}
.verse{
font-weight: bold;
position: relative;
margin-top: 3em;
}
.verse::after{
content: attr(number);
font-weight: bold;
transform: translateX(-120%);
position: absolute;
bottom: 0;
width: max-content;
}
php:
$object = \Spatie\YamlFrontMatter\YamlFrontMatter::parse(file_get_contents(__DIR__ . '/songs/' . $f));
$song = str_replace('<verse', '<p class="verse"', $object->body());
$song = str_replace('</verse>', '</p>', $song);
$song = str_replace('<wrapper><chord>', '<p class="wrapper"><p class="chord">', $song);
$song = str_replace('</chord></wrapper>', '</p></p>', $song);
$pdf->AddPage();
$pdf->WriteHTML($stylesheet, \Mpdf\HTMLParserMode::HEADER_CSS);
if ($object->matter('capo') != null) {
$pdf->WriteHTML('<div class="capo">Capo ' . $object->matter('capo') . '</div>', \Mpdf\HTMLParserMode::HTML_BODY);
}
$pdf->WriteHTML(
'<div style="position: absolute; width: 190.08mm; left: 53.46mm;top: 0; max-height: 265px">
<h1>' . $object->matter('title') . '</h1>
<h2>' . $object->matter('author') . '</h2>
<div class="song_body"><p id="song_text">' . $song . '</p></div></div>',
\Mpdf\HTMLParserMode::HTML_BODY
);
md file:
<verse number="1:"></verse><wrapper><chord>Am</chord></wrapper>I walk a <wrapper><chord>C</chord></wrapper>lonely road<Br>