Add vertical line with border in email signature

You can add a vertical divider to your email signature by applying a border to a table cell.

This method is simple and works well across most email clients when using table-based layouts.

Example

In this example, a vertical line is created using the border-left property on a table cell:

...
<td style="border-left: 1px solid #888888;">1px grey line</td>
...

How it works

The border-left property adds a vertical line to the left side of the table cell. The thickness, style, and color can be adjusted:

  • 1px = line thickness
  • solid = line style
  • #888888 = line color

Best Practice

  • Use table-based layouts for consistent rendering across email clients
  • Keep the border subtle (e.g., 1px) for a clean design
  • Add padding or spacer cells to create visual spacing around the divider
  • Test in Outlook, Gmail, and mobile clients to confirm consistent appearance


Did you find it helpful? Yes No

Send feedback
Sorry we couldn't be helpful. Help us improve this article with your feedback.
Quick 1-on-1 Demo | Ⓒ 2026 Xink