How to make correct markup in pdf file with html tags?

Question

PHP

The question seems to be not complicated, but until its solution comes to mind, maybe someone has an idea how to do it correctly:

I generate a pdf file in Laravel and pass the html block in the form of a card to it. On the page of the pdf file, I make 10 cards in a cycle, I gave the following styles for the card

<div style='width: 50%; float: left; height: 20%; border-radius: 4px; background: #ccc;padding: 5px;'>dsfsd</div>

If I output one card, then it clearly becomes where it needs to be with the right size, but if I make 10 cards, then they leave the file,



tell me how to make a grid that would put the blocks as expected.