Bright Peak HTML Tip: Horizontal Lines

One of the most simple and underused formatting tools in HTML are horizontal lines (looks like: <hr> or <hr/> in HTML Code). These are great to use for dividing articles in newsletters, separating sections in your emails, or adding a personalized touch to your footer or header.


The Swiftpage Basic Template Editor has this feature pre-built under the “Customize Template” tab. This feature easily allows users to add a horizontal line above the selected Swiftwindow.

You can also add horizontal lines to your text using the “Text Options” toolbar.

For users that have HTML experience and edit their email templates with the Swiftpage Advanced Template Editor, this feature is located above the text font and size formatting drop down menus. You can also insert horizontal lines directly into the HTML source code as well.

If you are looking for something special or custom, why not add a color or more height to a horizontal line? You just need at add the style formatting to the <hr> tag as below:

Note: Only users with HTML experience should implement these tips. Bright Peak and Swiftpage do not offer technical support or assistance for HTML editing.

Looking for something more graphical?

Smashing Magazine conducted a contest in September 2008 to design horizontal line images. Click here to view, download, and use these in your designs and emails.

About Luke Siegle

Joining Swiftpage in July of 2010, Luke currently manages Bright Peak, the creative services division of Swiftpage. A Colorado native, he can be found outdoors skiing, fishing, or hiking. He also enjoys traveling and spending time with friends and family.

Trackbacks/Pingbacks

  1. Bright Peak HTML Tip: Bullets – Workarounds to Ease Your Frustrations | Swiftpage Marketing Blog - May 30, 2012

    […] Check out our last HTML tip on Horizontal Lines > Share this:Like this:LikeBe the first to like this post. Bright Peak, Email Design advanced editor, Basic Editor, Bright Peak, HTML Tip […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: