Blogger – How to Produce a Lettered List

bloggerhtmllist

When writing a blog post using Google's Blogger, you can do so using "Compose" mode (a WYSIWYG editor) or HTML mode. When using HTML mode, if I write:

<ol type="a">
<li>Item a</li>
<li>Item b</li>
</ol>

it correctly displays a lowercase lettered list when viewed in "Compose" mode. However, when I actually publish the post, it reverts back to a numbered list in my blog (despite the HTML source remaining the same as above). Any suggestions on how to fix this?

Best Answer

As mentioned in comments, instead of the attribute type="a", use the equivalent inline CSS style:

<ol style="list-style-type:lower-latin">
<li>Item a</li>
<li>Item b</li>
</ol>

Apart from the type attribute being deprecated in HTML 4.01, if there are any CSS style rules set in your blogger stylesheet that specifically set the list-style-type then this will override the type attribute.

(I assume that whilst in "Compose" mode the full/theme stylesheet is not applied.)

Specifying an inline style on the element itself overrides any style specified in the external stylesheet.

Related Topic