Is the tag li a block-level element?

The following elements may also be considered block-level elements since they may contain block-level elements:

• DD – Definition description
• DT – Definition term
• FRAMESET – Frameset
• LI – List item
• TBODY – Table body
• TD – Table data cell
• TFOOT – Table foot
• TH – Table header cell
• THEAD – Table head
• TR – Table row

This description seems to be saying that <li /> is a "semi-inline" element. Of course, elements like <td /> in this list have also caused me such doubts. Today I took a look at the default CSS of various browsers. The result is this:

Here, it is basically clear. In A-Grade browsers other than IE6/7, it is a "semi-inline" element. Speaking of display:list-item; in fact, even though all A-Grade browsers now support it, not many people use it. Why? It's actually useless. In Quirks Mode, PPK says:

display: list-item means that the element is displayed as a list-item, which mainly means that it has a bullet in front of it (like an UL), except in IE 5 on Mac where it gets a number (like an OL). The numbers are buggy: all previous LI's in the page count as one, so this example starts with number 5 (the screenshot was made before I inserted my compatibility-LI's).

Live example:

display: block

display: list-item

display: list-item

Right. Actually, this doesn’t mean much. But it also solved one of my doubts. Share it. If you have such doubts, maybe next time when you encounter a bug or other questions during coding, you will be able to react quickly.