I've been running across more and more bulleted list errors on webpages of late. An unordered bulleted list should be coded as follows:
<UL>
<LI>1st Item</LI>
<LI>2nd Item </LI>
<LI>3rd Item</LI>
</UL>
The resulting bulleted list will appear like this:
- 1st Item
- 2nd Item
- 3rd Item
However, I frequently see this awful looking mess on webpages and blogs:
<p class=”MsoNormal”><!–[if !supportLists]–><!–[endif]–> 1st Item</p>
<p class=”MsoNormal”><!–[if !supportLists]–><!–[endif]–> 2nd Item</p>
<p class=”MsoNormal”><!–[if !supportLists]–><!–[endif]–> 3rd Item</p>
Why is that happening?
Well, in a nutshell, those bloggers are probably using Microsoft Word to create their posts, which they then convert into HTML code and copy and paste into to their blogs.
That method might work but for the fact that none of the CSS (cascading style sheets) on the sites showing the errors specified paramaters for rendering either a <UL> (unordered list) or a <LI> (list item).
At very least, the following code should be placed within their stylesheets:
ul li {
display: inline;
list-style-type: none;
}
To learn more about CSS and coding for bulleted lists, visit the W3Schools site.
[tags]CSS, lists, bulleted list, unordered list[/tags]