{"id":19310,"date":"2024-03-20T12:21:47","date_gmt":"2024-03-20T15:21:47","guid":{"rendered":"https:\/\/www.bybrand.io\/blog\/?p=19310"},"modified":"2025-05-16T19:23:58","modified_gmt":"2025-05-16T22:23:58","slug":"borders-lines","status":"publish","type":"post","link":"https:\/\/www.bybrand.io\/blog\/borders-lines\/","title":{"rendered":"How to use borders and lines effectively in your email signature"},"content":{"rendered":"\n<p>The borders and lines in the email signature are not just visual details; they are strategic elements that enhance the structure and clarity. Therefore, making every HTML signature an extension of the corporate identity.<\/p>\n\n\n\n<p>By inserting borders or lines into an email signature, professionals, and businesses can organize contact data, logos, and social network links, ensuring that each element is ordered logically.<\/p>\n\n\n\n<p>Example of an email signature with two horizontal lines:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"501\" height=\"238\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png\" alt=\"Email signature with two horizontal lines\" class=\"wp-image-19106\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04.png 501w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/ITSignature04-390x185.png 390w\" sizes=\"auto, (max-width: 501px) 100vw, 501px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>In this step-by-step guide, deeply rooted in the insights shared in our tutorial video below, you will learn all about borders and vertical and horizontal lines in your email signature.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-understanding-border-and-line-options-in-an-html-signature\"><span id=\"understanding-border-and-line-options-in-an-html-signature\">Understanding border and line options in an HTML signature<\/span><\/h2>\n\n\n\n<p>Incorporating borders and lines into the email signature is not just about improving aesthetics. In fact, it&#8217;s a strategic approach to structuring unique content for better viewing.<\/p>\n\n\n\n<p>The <a href=\"https:\/\/www.bybrand.io\/editor\" target=\"_blank\" rel=\"noreferrer noopener\">HTML signature editor<\/a> from Bybrand, for example, offers broad customization options for borders, allowing the user to align their email signature design with the visual identity of their brand.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Working with borders &amp; vertical lines in your email signature\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/KyDvGBYmrdg?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p>Users can:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Customize border and line style<\/strong>: choose from solid, dotted, dashed, or double styles to match the brand&#8217;s aesthetics.<\/li>\n\n\n\n<li><strong>Adjust size and color of the line<\/strong>: Modify the border width (1 to 10 pixels) and select colors for contrast, ensuring the signature stands out.<\/li>\n\n\n\n<li><strong>Directional customization<\/strong>: apply borders on all sides or selectively on the top, bottom, left, or right, to effectively segment information.<\/li>\n<\/ul>\n\n\n\n<p>Similarly, adding vertical lines serves as a functional element to segregate different sections of the signature, such as contact information, brand elements, and social network links.<\/p>\n\n\n\n<p>This logical division improves readability and ensures that each piece of information is easily accessible.<\/p>\n\n\n\n<h2 id=\"adding-borders-and-vertical-lines-to-the-signature\" class=\"wp-block-heading\">Adding borders and vertical lines to the signature<\/h2>\n\n\n\n<p>To add a border to your HTML email signature, the process involves a combination of selecting the appropriate cell, customizing the border through a friendly interface, like the Bybrand editor, and applying HTML coding for precise positioning and style.<\/p>\n\n\n\n<p>Here is a step-by-step guide. But remember that the steps can also be seen in the video above.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Selecting the cell:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Navigate to the Bybrand Dashboard and choose &#8216;Create from a template&#8217; or select a cell in an existing signature.<\/li>\n\n\n\n<li>For borders around specific elements, click on the desired cell.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Customizing the border:<\/strong>\n<ul class=\"wp-block-list\">\n<li>Click on the border option and decide the direction (all sides or just to the left, right, top, or bottom).<\/li>\n\n\n\n<li>A pop-up will appear, allowing you to select the style (solid, dotted, dashed, or double), color, and border width.<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li><strong>Applying HTML coding for borders:<\/strong>\n<ul class=\"wp-block-list\">\n<li>For a border around the entire signature, use the editor options.<\/li>\n\n\n\n<li>To add a border around a specific element like an image, apply the border to the cell.<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n\n\n\n<p>By adhering to these customization techniques, users can create email signatures that are not only visually appealing, but also structured to enhance readability.<\/p>\n\n\n\n<h2 id=\"examples-of-creative-uses-of-lines-and-borders-in-email-signatures\" class=\"wp-block-heading\">Examples of creative uses of lines and borders in email signatures<\/h2>\n\n\n\n<p>Here are some ideas with real examples of email signatures:<\/p>\n\n\n\n<p><strong>Border on all sides:<\/strong> Putting the signature in a global border, instead of the traditional white, can make it more appealing. This simple change can transform the impact of the signature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"146\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png\" alt=\"Signature with border on all sides.\" class=\"wp-image-4626\" style=\"width:450px;height:110px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-300x73.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-150x37.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/03\/template-1015-420x102.png 420w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Separate social media icons:<\/strong> Treat social media icons not just as links, but as part of the design. In this example below, note that we are using \u201cdotted\u201d. This adds visual interest and promotes engagement.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"338\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png\" alt=\"Separate social network icons with dots.\" class=\"wp-image-6939\" style=\"width:240px;height:254px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016.png 320w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-284x300.png 284w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/09\/template-3016-142x150.png 142w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Highlight of name and position:<\/strong> Making the sender&#8217;s name more prominent helps it stand out, ensuring immediate recognition.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"619\" height=\"247\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png\" alt=\"Highlight name and position with a horizontal line.\" class=\"wp-image-17746\" style=\"width:464px;height:185px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01.png 619w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-300x120.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-150x60.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/01\/AccountingSign01-390x156.png 390w\" sizes=\"auto, (max-width: 619px) 100vw, 619px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Vertical line:<\/strong> Use vertical lines to separate and logically organize the signature, such as contact information. This helps with quick identification of contact data.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"205\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png\" alt=\"Email signature with two vertical lines.\" class=\"wp-image-8459\" style=\"width:450px;height:154px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-300x103.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-150x51.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2022\/04\/template-1023-390x133.png 390w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Logo:<\/strong> Incorporate borders and lines into elements that reflect the brand&#8217;s personality, making the signature unique.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"496\" height=\"236\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png\" alt=\"Email signature with a border logo on the right side.\" class=\"wp-image-14455\" style=\"width:372px;height:177px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode.png 496w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-300x143.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-150x71.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2023\/03\/template-2039-qrcode-390x186.png 390w\" sizes=\"auto, (max-width: 496px) 100vw, 496px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Using hyphens:<\/strong> Alternatively, you can create a logical separation using hyphens &#8220;|&#8221;, or with side borders on each cell.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"480\" height=\"197\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png\" alt=\"Email signature using dash.\" class=\"wp-image-19282\" style=\"width:360px;height:148px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055.png 480w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-300x123.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-150x62.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/template-2055-390x160.png 390w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p><strong>Colored line:<\/strong> you don&#8217;t have to be limited only with borders and lines. The idea of adding a colored line in the signature is also acceptable.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"600\" height=\"221\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png\" alt=\"Email signature with a colored line.\" class=\"wp-image-3235\" style=\"width:450px;height:166px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016.png 600w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-300x111.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-150x55.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/1016-420x155.png 420w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Also watch: <a href=\"https:\/\/www.youtube.com\/watch?v=FYjs7I6TTTY\" target=\"_blank\" rel=\"noreferrer noopener\">How to add a colored line in the email signature<\/a>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>Remember that the goal is to create a responsive signature that meets the vast majority of users, including users who use the phone to open their emails.<\/p>\n\n\n\n<p>Banners promoting blogs, events, or products can be strategically positioned for maximum visibility. By integrating these creative uses, your email signature will not only look more professional, but will also serve as an effective email communication tool.<\/p>\n\n\n\n<h2 id=\"removing-or-adjusting-borders-and-lines-in-the-signature\" class=\"wp-block-heading\">Removing or adjusting borders and lines in the signature<\/h2>\n\n\n\n<p>Reaching the end of our guide. Adjusting or removing borders and lines from your HTML email signature may be necessary for various reasons, from updating the design to ensuring compatibility between different email clients.<\/p>\n\n\n\n<h3 id=\"removing-borders-and-lines\" class=\"wp-block-heading\">Removing borders and lines<\/h3>\n\n\n\n<p>To remove a border, first determine which sides you want to delete (for example, all, left, right, top, or bottom) and then click on the trash icon. If pointing at a specific border does not yield results, opt for the option to erase all sides for a complete removal.<\/p>\n\n\n\n<p>Example of the button to remove a border using the Bybrand signature editor.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"498\" height=\"343\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png\" alt=\"\" class=\"wp-image-19293\" style=\"width:374px;height:257px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border.png 498w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-300x207.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-150x103.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-border-390x269.png 390w\" sizes=\"auto, (max-width: 498px) 100vw, 498px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<p>In the image below, we have an example of how to remove an unwanted horizontal line in the email signature.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"551\" height=\"337\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png\" alt=\"\" class=\"wp-image-19297\" style=\"width:413px;height:253px\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1.png 551w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-300x183.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-150x92.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/editor-remove-element-1-390x239.png 390w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/figure>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-dots\"\/>\n\n\n\n<h2 id=\"conclusion\" class=\"wp-block-heading\">Conclusion<\/h2>\n\n\n\n<p>In this article, we explored the strategy of using borders and lines in HTML email signatures and emphasized their role in improving the quality of designs. Reflecting on the importance of these elements, it is clear that a well-designed signature is a powerful extension of professional personality.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-media-text alignwide is-stacked-on-mobile is-vertically-aligned-center is-image-fill-element has-text-color\" style=\"color:#333333;grid-template-columns:18% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"536\" src=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png\" alt=\"Bybrand background\" class=\"wp-image-3392 size-full\" style=\"object-position:0% 50%\" srcset=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-1024x536.png 1024w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-300x157.png 300w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-150x79.png 150w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-768x402.png 768w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-764x400.png 764w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2-420x220.png 420w, https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2020\/10\/signature-block-footer2.png 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\" id=\"h-create-your-first-email-signature-with-bybrand\"><span id=\"create-your-first-email-signature-with-bybrand\">Create your first email signature with Bybrand<\/span><\/h3>\n\n\n\n<p>Bybrand offers the ability to generate, administer, and distribute essential email signatures for your employees.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color wp-element-button\" href=\"https:\/\/app.bybrand.io\/auth\/create?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=free_trial_en\" style=\"background-color:#191970\" target=\"_blank\" rel=\"noreferrer noopener\">Start a free-trial<\/a><\/div>\n<\/div>\n\n\n\n<p>Or <a href=\"https:\/\/www.bybrand.io\/?utm_source=blog&amp;utm_medium=post&amp;utm_campaign=moreinfo_en\">get more information<\/a>.<\/p>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"A step-by-step guide on how to add borders or lines to an HTML email signature with examples, so that each element has a logical division.\n","protected":false},"author":4,"featured_media":19320,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1997],"tags":[],"class_list":{"0":"post-19310","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-how-to"},"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.9 (Yoast SEO v26.9) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Remodeling Your HTML Email Signature with Borders and Lines<\/title>\n<meta name=\"description\" content=\"Discover how to strategically incorporate borders and lines (vertical and horizontal) into your email signature for improved structure and division.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to use borders and lines effectively in your email signature\" \/>\n<meta property=\"og:description\" content=\"A step-by-step guide on how to add borders or lines to an HTML email signature with examples, so that each element has a logical division.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\" \/>\n<meta property=\"og:site_name\" content=\"Bybrand\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/bybrandio\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-20T15:21:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-05-16T22:23:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"675\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Bybrand\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@bybrandio\" \/>\n<meta name=\"twitter:site\" content=\"@bybrandio\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"TechArticle\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\"},\"author\":{\"name\":\"Bybrand\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\"},\"headline\":\"How to use borders and lines effectively in your email signature\",\"datePublished\":\"2024-03-20T15:21:47+00:00\",\"dateModified\":\"2025-05-16T22:23:58+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\"},\"wordCount\":931,\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"articleSection\":[\"How-to tutorials\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\",\"name\":\"Remodeling Your HTML Email Signature with Borders and Lines\",\"isPartOf\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"datePublished\":\"2024-03-20T15:21:47+00:00\",\"dateModified\":\"2025-05-16T22:23:58+00:00\",\"description\":\"Discover how to strategically incorporate borders and lines (vertical and horizontal) into your email signature for improved structure and division.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.bybrand.io\/blog\/borders-lines\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png\",\"width\":1200,\"height\":675,\"caption\":\"Borders and Lines\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/borders-lines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/www.bybrand.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to use borders and lines effectively in your email signature\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#website\",\"url\":\"https:\/\/www.bybrand.io\/blog\/\",\"name\":\"Bybrand\",\"description\":\"Business Email Signatures Manager\",\"publisher\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.bybrand.io\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#organization\",\"name\":\"Bybrand\",\"url\":\"https:\/\/www.bybrand.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"contentUrl\":\"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png\",\"width\":600,\"height\":600,\"caption\":\"Bybrand\"},\"image\":{\"@id\":\"https:\/\/www.bybrand.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/bybrandio\/\",\"https:\/\/x.com\/bybrandio\",\"https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA\",\"https:\/\/www.linkedin.com\/company\/bybrand\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99\",\"name\":\"Bybrand\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g\",\"caption\":\"Bybrand\"},\"description\":\"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.\",\"sameAs\":[\"https:\/\/www.bybrand.io\/\",\"https:\/\/www.linkedin.com\/company\/bybrand\",\"https:\/\/www.youtube.com\/@bybrand\"],\"url\":\"https:\/\/www.bybrand.io\/blog\/author\/bybrand\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Remodeling Your HTML Email Signature with Borders and Lines","description":"Discover how to strategically incorporate borders and lines (vertical and horizontal) into your email signature for improved structure and division.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.bybrand.io\/blog\/borders-lines\/","og_locale":"en_US","og_type":"article","og_title":"How to use borders and lines effectively in your email signature","og_description":"A step-by-step guide on how to add borders or lines to an HTML email signature with examples, so that each element has a logical division.","og_url":"https:\/\/www.bybrand.io\/blog\/borders-lines\/","og_site_name":"Bybrand","article_publisher":"https:\/\/www.facebook.com\/bybrandio\/","article_published_time":"2024-03-20T15:21:47+00:00","article_modified_time":"2025-05-16T22:23:58+00:00","og_image":[{"width":1200,"height":675,"url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","type":"image\/png"}],"author":"Bybrand","twitter_card":"summary_large_image","twitter_creator":"@bybrandio","twitter_site":"@bybrandio","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"TechArticle","@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#article","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/"},"author":{"name":"Bybrand","@id":"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99"},"headline":"How to use borders and lines effectively in your email signature","datePublished":"2024-03-20T15:21:47+00:00","dateModified":"2025-05-16T22:23:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/"},"wordCount":931,"publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/#organization"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","articleSection":["How-to tutorials"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/","url":"https:\/\/www.bybrand.io\/blog\/borders-lines\/","name":"Remodeling Your HTML Email Signature with Borders and Lines","isPartOf":{"@id":"https:\/\/www.bybrand.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","datePublished":"2024-03-20T15:21:47+00:00","dateModified":"2025-05-16T22:23:58+00:00","description":"Discover how to strategically incorporate borders and lines (vertical and horizontal) into your email signature for improved structure and division.","breadcrumb":{"@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bybrand.io\/blog\/borders-lines\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#primaryimage","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2024\/03\/Border_VerticalLinesHeader.png","width":1200,"height":675,"caption":"Borders and Lines"},{"@type":"BreadcrumbList","@id":"https:\/\/www.bybrand.io\/blog\/borders-lines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/www.bybrand.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to use borders and lines effectively in your email signature"}]},{"@type":"WebSite","@id":"https:\/\/www.bybrand.io\/blog\/#website","url":"https:\/\/www.bybrand.io\/blog\/","name":"Bybrand","description":"Business Email Signatures Manager","publisher":{"@id":"https:\/\/www.bybrand.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bybrand.io\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.bybrand.io\/blog\/#organization","name":"Bybrand","url":"https:\/\/www.bybrand.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","contentUrl":"https:\/\/www.bybrand.io\/blog\/wp-content\/uploads\/2021\/04\/icon-600x600-1.png","width":600,"height":600,"caption":"Bybrand"},"image":{"@id":"https:\/\/www.bybrand.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/bybrandio\/","https:\/\/x.com\/bybrandio","https:\/\/www.youtube.com\/channel\/UCPUuCgnrU3CWGJiQz5ZoZdA","https:\/\/www.linkedin.com\/company\/bybrand"]},{"@type":"Person","@id":"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/4ea649e80647a86de8d17a9b3454dc99","name":"Bybrand","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bybrand.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0db1c7d7836cb218fe710bb074fa076dad1961a92e31ccbf6e7528ab7a8d07cf?s=96&d=mm&r=g","caption":"Bybrand"},"description":"Bybrand is an email signature generator made for IT Managers and Marketing Professionals. The idea is to save you time in managing your team\u2019s email signatures while providing a robust marketing channel.","sameAs":["https:\/\/www.bybrand.io\/","https:\/\/www.linkedin.com\/company\/bybrand","https:\/\/www.youtube.com\/@bybrand"],"url":"https:\/\/www.bybrand.io\/blog\/author\/bybrand\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/posts\/19310","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/comments?post=19310"}],"version-history":[{"count":9,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/posts\/19310\/revisions"}],"predecessor-version":[{"id":26164,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/posts\/19310\/revisions\/26164"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/media\/19320"}],"wp:attachment":[{"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/media?parent=19310"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/categories?post=19310"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bybrand.io\/blog\/wp-json\/wp\/v2\/tags?post=19310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}