Float Tables side by side stop working after upgrade to V11

Frappe Framework Print Formats
1

I am having problem with custom hmtl print format when it comes to floating two tables side by side.
In version 10, the code I pasted below used to work. I can see both tables float side by side. But after upgrading to version 11, the html float tag seems to have no effect at all.

Anyone can help me out?

<table style="width:50%; position: sticky; border: 1px solid; float: Right; line-height: 100%;">
	<tbody>
		<tr>
			<td> Data here </td>
		</tr>
	</tbody>
</table>

<table class="no-border"; style="width:45%; position: sticky; float: left;">
	<tbody>
                <tr>
                    <td> Data </td>
                </tr>	
         </tbody>
    </table>