Using HTML on your ActBlue contribution forms

When adding text to your fundraising page, you can just type regular text (separate paragraphs with a blank line). But if you want to use bold, italics, bulleted lists, etc., this formatting guide will show you how. We only allow limited HTML on our forms, so keep it simple!

To indicate that a set of words should be formatted in a specific way, use HTML tags, which are just simple commands enclosed in < >'s. In most cases, you'll need to enclose a set of words inside a pair of tags, which indicate the beginning and ending of the text to be formatted.

The simplest way to explain it is by way of example, which we've provided below.

Other articles in Style: 

ActBlue graphics

Designing a great branding 

 

Feature and tags

Example using tags

Resulting appearance

Bold:

<strong> </strong>

 

Losing is <strong>not</strong> an option.

 

Losing is not an option. 

 

Italics:

<em> </em>

 

Today's <em>Boston Globe</em> reported that...

 

Today's Boston Globe reported that... 

Links:

<a href="URL"></a>

 

Please visit <a href="http://www.candidatewebsite.com">my candidate's web site</a> to learn more.

 

Please visit my candidate's website to learn more.

Line break:

<br>

 

Short line <br> A longer line of text <br> Short again

 

A short line 

A longer line of text 

Short again

 

Block quotes:

<blockquote> </blockquote>

 

Great news from the campaign today: <blockquote> We'll be unveiling a major new initiative next week. </blockquote> Looking forward to it!

 

Great news from the campaign today:

We'll be unveiling a major new initiative next week.

Looking forward to it!

 

Numbered lists:
<ol> </ol>

 

<ol>

<li>Number one</li>

<li>Numero dos</li>

<li>san-ban</li>

</ol>

 

  1. Number one
  2. Numero dos
  3. Nombre trois

Bulleted lists: 

<ul> </ul>

 

Bulleted lists: 
<ul> 
<li>Number one</li>
<li>Numero dos</li>
<li>san-ban</li>
</ul>

 

  • Number one
  • Numero dos
  • Nombre trois