How to add a space or line break into scraped content?

I'm trying to gather data from a page saved in my PC. If I select this specific attributes div and class markets tw-mx, it returns the result in a way which is not readable/handling-friendly, like:

.....Final11.47X4.3525.70Qualificar-seLille....

Code:

$events = $domdoc -> getElementsByTagName("div"); $eventlist = '' ; foreach ($events as $link) { if(strpos($link-> getAttribute ('class'), "markets tw-mx" )=== 0) { $eventlist .= $link->textContent. " <pre> " ; } } echo $eventlist;

If I chose some other element it usually return data in a much more friendly way, like this:

final qualifiyng total less

The current attributes are the ones who retrieve more complete and organised data though. How can I format it in a more readable way?

The HTML source is:

<div class="markets tw-mx-n tw-mt-n"><!----><div class="tw-bg-sem-color-bg-container-lowest-default tw-w-full tw-rounded-n tw-border-n tw-border-solid tw-border-sem-color-border-container-lowest tw-mb-n last:tw-mb-0"><div class="tw-p-nm"><!----><div data-v-835b433e="" class="" data-marketid="2590040917"><div class="tw-flex tw-flex-row tw-items-start tw-justify-center tw-select-none tw-cursor-pointer tw-pb-s" data-qa="market-type-id-1"><div class="tw-text-s tw-leading-s tw-tracking-s tw-flex-1 tw-flex tw-flex-row tw-justify-start tw-items-start tw-min-h-[20px] tw-text-sem-color-text-gray-strong"><div class="tw-self-center">Resultado Final</div><!----><div class="tw-pl-n"><div class="v-popper v-popper--theme-kds-tooltip tw-flex tw-items-center tw-cursor-default"><div>

I've also Tried this approach:

$events = $domdoc -> getElementsByTagName("div"); $eventlist = '' ; foreach ($events as $link) { if(strpos($link-> getAttribute ('class'), "tw-self-center" )=== 0) { $events2 = $domdoc -> getElementsByTagName("span"); $eventlist2 = '' ; foreach ($events2 as $link2) { if(strpos($link2-> getAttribute ('class'), "tw-text-s" )=== 0) { $eventlist2 .= $link2->textContent. "<br>" ; } } $eventlist .= $link->textContent. "<br>" ; } } //file_put_contents('eventlist', $eventlist) ; echo $eventlist; echo $eventlist2;

The result is something like titles and text content separated like this:

Ambas as Equipas Marcam Ambas as Equipas Marcam ou Mais de 2.5 Lille - Total de Golos Mais/Menos Estrela Vermelha - Total de Golos Mais/Menos Empate Anula Resultado Correto 2.95 3.20 3.85 4.70 7.40 1.47

...while the desired outcome would be something like:

Ambas as Equipas Marcam 2.95 Ambas as Equipas Marcam ou Mais de 2.5 3.20 Lille - Total de Golos Mais/Menos 3.85 Estrela Vermelha - Total de Golos Mais/Menos 4.70 Empate Anula 7.40 Resultado Correto 1.47