Craigslist HTML Guide and Cheat Sheet

Published: Jul 26, 2020 | Tyler Golberg | Last Updated: Aug 5, 2021

Craigslist HTML guide

Have you already looked at the official Craigslist HTML guide? It is super confusing and provides little context. Craigslist even admits they don’t really keep it up to date.

Check the (infrequently updated) list of supported HTML for more details.

Craigslist.com

I had to do some digging and testing but I was able to put together the following list of Craigslist HTML codes allowed as of 2020. Some only work for certain categories, which is noted as well. If you do use HTML in your ad, it is best that the whole Craigslist ad is formatted in HTML according to Craigslist.

Formatting-wise, if you use HTML in any part of your posting you may need to use it throughout.

Craigslist.com

Aside from the above tips and HTML code table (shown below), there isn’t much else to glean from the official page.

Craigslist HTML Codes Cheat sheet

Below is the table of all of the HTML tags supported by Craigslist. Some of these tags only work in certain categories. Scroll down to the next section if you’re wanting to see which categories support these restricted HTML tags.

HTML TagAttributes and/or ValuesAdditional Notes
<b><u><i>none
<font>size=[2, 3, 4, 5, 6]
color=[black, blue, fuchsia, green, maroon, navy, olive, purple, red, teal]
<p>align=[left,right,justify]
<br>clear=[left, all, right, none]
<blockquote>none
<hr>align=[left, center, right]
size=[<pixels>]
width=[<pixels>]
<h1><h2><h3><h4><h5><h6>align=[left, center, right]
<ul><ol><li>none
<dl><dd><dt>none
<a>href=”https://www.example.com/”
<img>src=”https://www.example.com/kittens.jpg”
<pre>none
<table>border=[<pixels>]
<tr>none
<th><td>colspan=[<num>]
rowspan=[<num>]
<strike>noneThe strikethrough tag works even through it is not on the official Craigslist HTML guide.
<big>noneThe big tag works even through it is not on the official Craigslist HTML guide.
The Craigslst HTML guide takes into account different categories

Which Craigslist Categories Support HTML?

The following Craigslist HTML guide is organized by ad posting category. Click on options below to filter down to a specific category. Some of the filters include multiple subcategories so be sure to scroll down after selecting a filter to see all of the options.

Job offered
Gig offered
Resume/Job wanted
Housing offered
Housing wanted
For sale by owner
For sale by dealer
Wanted by owner
Wanted by dealer
Service offered
Community
Event/Class

Job offered

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>yes
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Gig Offered – I want to hire someone

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>yes
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Gig Offered – I have a service to offer

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Resume or Job Wanted – I’m an individual seeking employment

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>no
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Resume or Job Wanted – I’m offering or advertising a service

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Resume or Job Wanted – I’m offering a job

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>yes
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Resume or Job Wanted – I’m offering childcare

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Housing Offered – All subcategories

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Housing Wanted – All subcategories

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

For Sale by Owner – All subcategories

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

For Sale by Dealer – All subcategories except Tickets

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

For Sale by Dealer – Tickets

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>yes
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Wanted by Owner

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Wanted by Dealer

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Service Offered – All subcategories

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Community – All subcategories

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

Event or Class – All subcategories except Classes or Events

TypeTagDoes it work?
Hyperlink (clickable link)<a>no
Image/Photo<img>no
Font styling (e.g. font size)<font>no
HTML Table<table>no
Sections<div>, <span>no
Align center<center>no

This section includes the following subcategories from the Event / Class category:

  • I’m selling a small number of tickets to an event
  • My business is having a sale
  • I’m offering an event-related service (rentals, transportation, etc.)
  • I’m advertising a garage sale, estate sale, moving sale, flea market, or other non-corporate sale

Event or Class – I’m advertising a class or training session

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>no
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Event or Class – I’m advertising an event, other than the above

TypeTagDoes it work?
Hyperlink (clickable link)<a>yes
Image/Photo<img>no
Font styling (e.g. font size)<font>yes
HTML Table<table>yes
Sections<div>, <span>yes
Align center<center>yes

Craigslist HTML Examples

Before using any of these Craigslist HTML examples, be sure to check your ad categories above to ensure it allows links. Already verified your Craigslist ad category allows links? Let’s jump into some examples of how your can use HTML in a Craigslist ad.

Hyperlink (clickable link)

This is a part of the ad copy while <a href="https://www.yourwebsite.com">this text is a clickable link</a> that you can use in a Craigslist ad.

Image Tag

Keep in mind that there is a 600 x 450 pixel image size limit when posting an ad on Craigslist.

<img src="https://dealerpromoterpro.com/wp-content/uploads/2019/08/DPP-Logo-Banner-1000x174.png"  alt="Dealer Promoter Pro company logo" width="50" height="60" align="right">I added in some extra attributes to control the alignment, size, and alternative text (e.g. used by search engines) but the only required field is the source attribute.

Font Tag

The font tag can be used to specify the <font color="red" face="Verdana, Geneva, sans-serif" size="+1">font face, font size, and color</font> of text.

HTML Table Tags

 <table>
  <tr>
    <th>First Column Heading</th>
    <th>Second Column Heading</th>
  </tr>
  <tr>
    <td>data in first row</td>
    <td>first row, second column</td>
  </tr>
  <tr>
    <td>Another</td>
    <td>Example/td>
  </tr>
</table> 

Div Tag

<div>The div tag is create a break after all of the content, including images, within the starting and the end tag.</div>This is outside of the tags and will start a new line.

Center Tag

<center>Any text or images between these center tags will be centered on the content area.</center>

Additional Tips for the Craigslist HTML Guide

  • Outdated tags – Craigslist technically supports deprecated tags (i.e. no longer supported by HTML5), like the <font> tag. The weird thing is this makes it tougher for users since most HTML generators aim to support the most current code.
  • Some unlisted tags work – Craigslist has a guide for HTML but it is updated so there are a number of tags, like strikethrough and big, that will still work even though they are not officially listed.
  • Be cautious with <table> tag – The traditional HTML table doesn’t format well on mobile phones. Keep the number of columns and width small so the website visitor will like have to know to scroll to the side to find all the info in the table.
  • Further Reading – The W3Schools website is a great resource for looking up further details on how best to use the HTML tags referenced in this article.
  • Adding Video – Embedding a video is not allowed at this time but there is clever method for adding a video preview image link to a Craigslist ad.
How do you add tags on Craigslist?

You can simply type the tags into the Craigslist editor and it will know how to convert the code to formatting in the final ad.

What are Craigslist tags?

Tags are common phrase for keywords in Craigslist ads. This are different than HTML tags that can be used to format an ad.

Is HTML required to add symbols/icons to Craigslist ads?

The short answer is no. It is actually very easy to add symbols, emojis, and/or icons to a Craigslist ad. You simply need to bind a good symbol website and copy the icon into the ad.

Categories:

Tyler Golberg

Tyler is a website strategist at CYBERsprout and one of the co-founders of Dealer Promoter Pro. When not writing about digital strategies, you can find Tyler hanging out with his kids, tinkering with robots, and playing hockey.

Questions Other Users Asked

How do you use Craigslist search operators?

Craigslist search operators are a great way to do more advanced searches. We’ll go over the basics and how to use these search operators. Use quotations to search for an exact phrase: “Ford truck” Use a vertical bar to add an OR statement: “Ford truck”|”heavy-duty truck” The above statement with search Craigslist for both statements…

How do you remove “I’m not a robot” on Craigslist?

If you’re looking to bypass CAPTCHA to set up scalable Craigslist posting service, it is going to be an uphill battle. Most users looking to do this want to post in the free sections. That means that even if you’re able to set up scraping software that passes CAPTCHA, Craigslist has a lot more restrictions…

When did Craigslist start charging for car ads?

To further monetize the platform, Craigslist started charging $5/ad for dealers to post car ads back in 2013. Then in 2019 they started charging $5 for personal used car ads. While this might seem like a bad thing, it weeded out a lot of the spam and scams in that category. Plus, it allowed for…

More Insight on Craigslist

Formatting a Craigslist Ad

The Ultimate Guide on How to Format a Craigslist Ad

It’s no secret that presenting information in a structured, well-organized and clear fashion is often more effective than the alternative — especially when posting an item or service available for purchase. But when it comes to sites like Craigslist, it may seem like there is no simple way to lay out such information. And the…

Read More...