Search code examples
outlookhtml-tableoutlook-2013

Setting width of table cell in Outlook 2013

I am trying to make a list items with table cells. It is different with different email clients.

Outlook 2011 here, which is correct spacing

enter image description here

Outlook 2013 here, which is not correct spacing enter image description here

Here is the code I wrote.

<tr>
                                            <td class="dot" style="padding-top: 10px;" valign="top" width="20px">•</td>
                                            <td style="font-family: 'Open Sans', sans-serif;  font-size: 21px;  font-weight: 300;   line-height: 1.48; color: #474747;" valign="top" class="">Identify and target conquest customers by vehicle, FICO, payments remaining, and more</td>
                                        </tr>
                                        <tr>
                                            <td class="dot" style="padding-top: 10px;" valign="top" width="20px">•</td>
                                            <td style="font-family: 'Open Sans', sans-serif;  font-size: 21px;  font-weight: 300;   line-height: 1.48; color: #474747;" valign="top" class="">Automatically market to pre-qualified customers coming in for service</td>
                                        </tr>
                                        <tr>
                                            <td class="dot" style="padding-top: 10px;" valign="top" width="20px">•</td>
                                            <td style="font-family: 'Open Sans', sans-serif;  font-size: 21px;  font-weight: 300;   line-height: 1.48; color: #474747;" valign="top" class="">OEM Partnerships and Co-Op Eligibility</td>
                                        </tr>
                                        <tr>
                                            <td class="dot" style="padding-top: 10px;" valign="top" width="20px">•</td>
                                            <td style="font-family: 'Open Sans', sans-serif;  font-size: 21px;  font-weight: 300;   line-height: 1.48; color: #474747;" valign="top" class="">Exclusive access to expiring lease data from Experian</td>
                                        </tr>
Solution

  • Try to set width of the cell inside "style"...

    <td class="dot" style="padding-top: 10px; width:20px;" valign="top">•</td>