html (and markdown-ish) list item illusions

tight-and-loose-or-not.md

exhibit a - tight

• one item
• another item
• third item

exhibit b - pseudo-loose (actually three lists)

• one item

• another item

• third item

exhibit c - loose

• one item

• another item

• third item

loose because at least two items are separated by a blank line

exhibit d - loose

• one item

  part of one item

• another item

• third item

loose because an item (first one) has at least two block-level elements separated by a blank line

exhibit e - sublist is loose (but not top-level list)

• A

  • A.1

  • A.2

  • A.3

• B
• C

sublist is loose because A has at least two block-level elements (A.1 and A.2) separated by a blank line

---

source:

### exhibit a - tight
* one item
* another item
* third item

### exhibit b - pseudo-loose (actually three lists)
<ul>
  <li>one item</li>
</ul>
<ul>
  <li>another item</li>
</ul>
<ul>
  <li>third item</li>
</ul>

### exhibit c - loose
* one item

* another item

* third item

loose because at least two items are separated by a blank line

### exhibit d - loose
* one item

  part of one item
* another item
* third item

loose because an item (first one) has at least two block-level elements separated by a blank line

### exhibit e - sublist is loose (but not top-level list)
* A
  * A.1

  * A.2
  * A.3
* B
* C

sublist is loose because `A` has at least two block-level elements (`A.1` and `A.2`) separated by a blank line