Hello,
This is my table that i created using HtmlText element :

As you can see above , there's white space and the row doesnt fit to the text, how do i make my row fit the content?
this is my html code:
"<!DOCTYPE html>
<html>
<head>
<title>Checklist Interface</title>
</head>
<body>
<h1 style='font-size: 15px;text-align: center; font-weight:semibold;'>Lesson Learned Checklist Form</h1>
<table style='width: 100%; margin: 0 auto; border: 1px solid; border-collapse: collapse;'>
<thead>
<tr>
<th style='font-size: 12px;text-align: center; width: 5%; font-weight: 200px; border: 1px solid black; background-color: #696969; color:white;'> LL ID </th>
<th style='line-height: normal; font-size: 12px;text-align: center; font-weight:200px;width: 70%; font-weight: 200px; border: 1px solid black; background-color: #696969; color: white;'>Recommendation</th>
<th style='font-size: 12px;text-align: center;width: 5%; font-weight: 200px; font-weight: 200px; border: 1px solid black; background-color: #696969; color:white;'>Checked When Verified</th>
<th style='font-size: 12px;text-align: center;width: 10%; font-weight:200px;font-weight: 200px; border: 1px solid black; background-color: #696969; color: white;'>Remarks</th>
</tr>
</thead>
<tbody >
" & Concat(
Gallery1.AllItems,
" <tr>
<td style=' padding-top: 5px; text-align: center;font-family: Arial, Helvetica, sans-serif; border: 1px solid black; color: grey;'><div class='remarks'><h5 style='font-weight:normal; font-size:13px;'>" & 'LL ID' & "</h5></div></td>
<td style='border: 1px solid black; padding-top: 5px;padding-right: 10px; padding-left:10px;color: grey;'><div class='remarks'><h5 style='text-align: justify; font-weight:normal; font-size:13px; '>" & Substitute(Substitute( Recommendation,Char(10)," <br> "),Char(13),"<br>") & "</h5></div></td><td style='border: 1px solid black;'></td><td style='border: 1px solid black;'></td></tr> "
) & "
</tbody>
</table>
<div class='footer'>
<p style='font-size: 13px;'>Approved By: </p>
</div>
</body>
</html>
"
Thank you for the help !