Skip to content

Instantly share code, notes, and snippets.

@sogaiu
Last active April 26, 2025 10:05
Show Gist options
  • Save sogaiu/457392f57c94ab1748235cfb69d8e8d6 to your computer and use it in GitHub Desktop.
Save sogaiu/457392f57c94ab1748235cfb69d8e8d6 to your computer and use it in GitHub Desktop.
html (and markdown-ish) list item illusions

exhibit a - tight

  • one item
  • another item
  • third item

exhibit b - pseudo-loose

  • 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


source:

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

exhibit b - pseudo-loose
<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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment