title: CSS adding additional spacing between letters for part of a table header in a Netsuite advanced PDF Template
body: <p>I have a html table with table headings in a Netsuite advanced PDF Template. For some reason one of headings has the word with extra spacing in between the letters, so instead of printing </p>
  
  <pre><code>Delivery
  Address
  </code></pre>
  
  <p>for the header it prints</p>
  
  <pre><code>D e l i v e r y
  Address
  </code></pre>
  
  <p>The Address part does not get the extra spaces.</p>
  
  <p>The code for the header is:</p>
  
  <pre><code>&lt;table class="itemtable" style="width: 100%;"&gt;&lt;!-- start items --&gt;&lt;#list record.item as item&gt;&lt;#if item_index==0&gt;
  &lt;thead&gt;
    &lt;tr&gt;
      &lt;th colspan="3"&gt;Delivery Address&lt;/th&gt;
  </code></pre>
  
  <p>I have looked at css properties like <code>word-break</code>, <code>letter-spacing</code>, etc.; but I can't find anything that seem appropriate to fix this.</p>
  
  <p>Anybody know why this is happening? This does not happen in an html page with the same code, so not sure why this is happening in Netsuite.</p>
  
  <p>The css is:</p>
  
  <pre><code>  table {
       font-size: 9pt;
       table-layout: fixed;
    }
    th {
        font-weight: bold;
        font-size: 8pt;
        vertical-align: middle;
        padding: 5px 6px 3px;
        background-color: #e3e3e3;
        color: #333333;
    }
    td {
        padding: 4px 6px;
    }
    td p { align:left }
    b {
        font-weight: bold;
        color: #333333;
    }
    table.header td {
        padding: 0;
        font-size: 10pt;
    }
    table.footer td {
        padding: 0;
        font-size: 8pt;
    }
    table.itemtable th {
        padding-bottom: 10px;
        padding-top: 10px;
    }
    table.body td {
        padding-top: 2px;
    }
    table.total {
        page-break-inside: avoid;
    }
    tr.totalrow {
        background-color: #e3e3e3;
        line-height: 200%;
    }
    td.totalboxtop {
        font-size: 12pt;
        background-color: #e3e3e3;
    }
    td.addressheader {
        font-size: 8pt;
        padding-top: 6px;
        padding-bottom: 2px;
    }
    td.address {
        padding-top: 0;
    }
    td.totalboxmid {
        font-size: 28pt;
        padding-top: 20px;
        background-color: #e3e3e3;
    }
    td.totalboxbot {
        background-color: #e3e3e3;
        font-weight: bold;
    }
    span.title {
        font-size: 28pt;
    }
    span.number {
        font-size: 16pt;
    }
    span.itemname {
        font-weight: bold;
        line-height: 150%;
    }
    hr {
        width: 100%;
        color: #d3d3d3;
        background-color: #d3d3d3;
        height: 1px;
    }
    .synb {
        font-weight: bold;
    }
    .synh7 {
        font-size: 10pt;
        line-height: 120%;
    }
    .synh9 {
        font-size: 8pt;
        line-height: 120%;
    }
    tr.synbordertop td {
        border-top: 1pt solid black;
    }
    span.syntitle {
        font-size: 20pt;
    }
    span.synnumber {
        font-size: 13pt;
    }
  </code></pre>