Hello! I try convert HTML to PDF in power automate. And have problem: in html to table are placed in same line, but in pdf are placed one under one.
CODE:<html>
<head>
<meta charset="utf-8">
<title>Таблица</title>
[/code]
<style>
.vertical-table th {
color: #000;
font-size: 11px;
font-weight: 800;
text-align: center;
border: 1px #000 solid;
}
.vertical-table td {
font-size: 14px;
font-weight: normal;
color:#277d92;
line-height: 130%;
text-align: center;
}
</style>
</head>
<body>
<div>
<table class = "vertical-table" cellpadding="0" cellspacing="0" width = "70px" style="border: 1px #000 solid;background-color: aqua;display:inline-table;border-collapse: collapse;" >
<tr>
<th></th>
<th>Vision</th>
<th>Sph:</th>
<th>Cyl:</th>
<th>Axis:</th>
<th>Prism:</th>
<th>V/A:</th>
<th>Add:</th>
<th>V/A:</th>
</tr>
<tr>
<td>Right: </td>
<td>0.75</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
</tr>
<tr>
<td>left </td>
<td>0.75</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>Data</td>
<td>lok</td>
</tr>
</table>
<table class="vertical-table" style="border: 1px #000 solid;background-color: chartreuse;display:inline-table"; width = "30px">
<tr><th> Advice</th></tr>
<tr> <td> something</td> </tr>
</table>
<div><p>lalallla</p></div>
</div>
</body>
</html>
END CODEWhen viewed in HTML:Everything displays correctly regardless of the amount of data.
When converted to PDF: Tables are placed one under one.