# Add Vertical Line To Template

**URL:** <https://community.hubspot.com/t/add-vertical-line-to-template/14044>\
**Category:** Email Marketing Tool\
**Created:** [April 18, 2019, 3:18pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044 "2019-04-18T15:18:51Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![EAGMark](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/eagmark/32/68653_2.png) [@EAGMark](https://community.hubspot.com/u/EAGMark)\
**Post date:** [April 18, 2019, 3:18pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044/1 "2019-04-18T15:18:51Z")

</div>

Is there a way to add a vertical Email Divider? I don’t see this as an option. Do I need to create an image and add it that way?

---

<div class="post-metadata">

**Author:** ![Ben\_M](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/ben_m/32/2679_2.png) [@Ben\_M](https://community.hubspot.com/u/Ben_M)\
**Post date:** [April 18, 2019, 6:32pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044/2 "2019-04-18T18:32:19Z")

</div>

You could use an image, although it may be more likely that the email layout is done using an HTML table and you can use borders within the table, or if you would prefer a graphic, you can put a cell in between your 2 content cells and have an image in the middle.

---

<div class="post-metadata">

**Author:** ![DCechvala](https://avatars.discourse-cdn.com/v4/letter/d/5fc32e/32.png) [@DCechvala](https://community.hubspot.com/u/DCechvala)\
**Post date:** [December 19, 2023, 9:40pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044/3 "2023-12-19T21:40:09Z")

</div>

I don’t see where the “Table” element is? Can you please show a screenshot.

---

<div class="post-metadata">

**Author:** ![CBaruzzi](https://avatars.discourse-cdn.com/v4/letter/c/6de8d8/32.png) [@CBaruzzi](https://community.hubspot.com/u/CBaruzzi)\
**Post date:** [May 24, 2024, 2:38pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044/4 "2024-05-24T14:38:41Z")

</div>

You would need touse HTML and create a custom module. It’s definitely more complicated but works. W3 Schools is a great resource for HTML and CSS. Here’s whay they have on tables: [https://www.w3schools.com/html/html\_tables.asp](https://www.w3schools.com/html/html_tables.asp)

---

<div class="post-metadata">

**Author:** ![TDeSilva](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/tdesilva/32/14279_2.png) [@TDeSilva](https://community.hubspot.com/u/TDeSilva)\
**Post date:** [May 14, 2024, 5:16pm UTC](https://community.hubspot.com/t/add-vertical-line-to-template/14044/5 "2024-05-14T17:16:46Z")

</div>

I’ve found the best solution here is to create a background image that is 600 pixels wide, transparent with a single pixel of color in the center (for a 1px divider line) that you can apply as a background “pattern” to any section, and click the option to have it stretch or repeat.