Display: flex; wel zichtbaar via HTML maar niet op PDF

Geachte lezer,

Momenteel ben ik bezig met het opmaken/indelen van een factuur PDF. Ik laat nu de proeffactuur uitvoeren in HTML formaat zodat ik deze kan aanpassen.

Zoals het oorspronkelijk was

Met aanpassing ‘display: flex;’ in het HTML bestand <– Zoals ik het wil

Met aanpassing ‘display: flex;’ in het PDF bestand

Zoals je in de tweede link kan zien, staan ze in het HTML formaat zoals ik ze wil hebben. Maar zodra ik het PDF formaat wil bekijken (derde link) is het plotseling helemaal weg.

PHP code (zie <td class=”description”>.. </td>)

..........
<td class="sku"></td>
<td class="description">
	<span class="item-name">Schroef</span>
	<span class="item-meta"><dl class="variation">
		<dt class="variation-pa_afmeting">Afmeting:</dt>
		<dd class="variation-pa_afmeting"><p>4.0 x 30mm</p></dd>

		<dt class="variation-pa_soort">Soort:</dt>
		<dd class="variation-pa_soort"><p>RVS</p></dd>

		<dt class="variation-pa_aantal-per-doosje">Aantal per doosje:</dt>
		<dd class="variation-pa_aantal-per-doosje"><p>250</p></dd>
         </dl></span>
</td>
...........

CSS code die ik gebruikt heb.

.variation {
display: flex;
}

Ik zoek nu al een flinke tijd om dit mogelijk te krijgen, misschien dat iemand me kan helpen. Alvast bedankt voor de moeite!