Skip to content
Column to Comma,
More free tools

Column to HTML list: turn rows into ul and li tags

Paste one item per line. Each line gets li tags and the whole list gets ul tags, ready for a web page or an email template.

Direction
Quick:
Options

Options

Your text never leaves your browser. Read how we handle data.

Example

This input:

Free shipping
Easy returns

Secure checkout

gives this output with the settings on this page:

<ul>
  <li>Free shipping</li>
  <li>Easy returns</li>
  <li>Secure checkout</li>
</ul>

How it works

The Options section has four text fields: before each item, after each item, before the list and after the list. This page fills them for an HTML list. Paste the rows and copy the markup.

Type \n in a field for a line break and \t for a tab. The two spaces before each li tag give you tidy indentation.

Make it an ordered list

Change ul to ol in the two list fields. For a menu or a link list, put the tag around a link: <li><a href="#"> before and </a></li> after. Every item then becomes a link text.

More uses for prefix and suffix

  • Markdown bullets: put "- " before each item and leave the rest empty.
  • SQL rows: choose single quotes, put "(" before and ")" after each item, and you get one value group per item.
  • Hashtags: put "#" before each item and use a space as the separator.

Questions about this page

Does the tool escape special characters like < and &?

No. It does not change the text of your items. If your items contain < or &, replace them with &lt; and &amp; first.

Can I make a Markdown list?

Yes. Set the Separator to New line, type "- " in the Before each item field and leave the other fields empty.

Can I use the fields for something other than HTML?

Yes. They add any text you type. Use them for Markdown bullets, hashtags, SQL value groups or code lines.

More conversions

More free tools from Bingemind