Hi All, I have a question: What's the best practice for ensuring borders have the same thickness? Especially within HTML tags (table, tr, td, th). Is it done manually? For example, like the code below, but when you click bold, the borders look different. Thanks <table style="width: 100%;"> <tr> <td style="width: 14%;border-left: 1px solid; border-top: 1px solid; border-bottom: 1px solid;">Transaction No.</td> <td style="width: 1%;border-top: 1px solid; border-bottom: 1px solid;"> : </td> <td style="width: 35%;border-top: 1px solid; border-bottom: 1px solid;">${record.transactionnumber}</td> <td style="width: 14%; border-left: 1px solid; border-top: 1px solid; border-bottom: 1px solid;">Invoice No</td> <td style="width: 1%;border-top: 1px solid; border-bottom: 1px solid;"> : </td> <td style="width: 35%; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid;">${record.tranid}</td> </tr> </table>

I define the formatting in styles and then with the use of Class as needed. As an example.

<style type="text/css">* {

        td {
        padding: 4px 6px;
        border: 1px;
        }
       table.header td {
        padding: 1px;
        font-size: 10pt;
        }
        table.footer td {
         border: 1px;
        }
        table.itemtable th {
        padding-bottom: 10px;
        padding-top: 10px;
        }
...

<table class="header">
   <tr><td class="addressheader" ...>
...