break-inside: avoid,break-after: avoid not working in HTML preview using pagedjs

I have implemented the following code to prevent a table from being divided into two pages in the downloaded PDF: tbody { break-inside: avoid; } After implementing the above code, it works fine in the PDF. However, when I implemented the same code in the normal HTML view on the desktop, it didn't work. The HTML is still being divided into two parts, as shown in the images below:

Here the code:

Trash & Recycling

Empty and remove trash and recycling keep seperate; and deposit into appropriate disposal containers. Replace can liners as needed

1XWEEK

I have tried to convert the same code into table, tbody, tr, td but it is still not working.