2.6 KiB
2.6 KiB
Unordered lists
- Short
- Long item that will wrap its line eventually when I keep typing, this will be good
- Short sub-item
- Longer sub-item that will eventually wrap the line when I keep typing
- Task
- Done task
- Task that will eventually also wrap its line to see how this goes etc.
- Unordered list item:
- With a task sub item
- And a long one that will eventually wrap its line if I keep typing
Mixed bullet markers
- Hyphen marker
- Asterisk marker
- Hyphen with a long line that will wrap to verify hanging indent works for
-too
Deep nesting
- Level 1
- Level 2
- Level 3
- Level 4
- Level 5
- Level 6 — deeper than today's CSS covers
- Level 7 — long line that wraps so we can see the hanging indent at extreme depth
- Level 6 — deeper than today's CSS covers
- Level 5
- Level 4
- Level 3
- Level 2
Ordered lists
- Short
- Long item that will wrap its line eventually when I keep typing, this will be good
- Short sub-item
- Longer sub-item that will eventually wrap the line when I keep typing
- And a third
- Five
- Six
- Seven
- Eight
- Nine
- Ten — two-digit number, today's CSS reserves only 3ch
- Eleven — wraps if I keep typing to see the hanging indent
- Three-digit edge case — does it line up with the items above?
Mixed ordered + unordered
- Numbered parent
- Unordered child
- Another unordered child
- A task as ordered's child
- Unordered parent
- Numbered child
- Another numbered child
- Task inside ordered child and now what will happen when this starts to wrap. Oh it looks nice!
Inline formatting in list items
- Bold text in a list
- Italic text and
inline code - A SilverBullet wiki link embedded
- A regular external link in the middle of a line
- Mix: bold, italic,
code, WikiLink, ext — does the wrap stay aligned?
Task states
- Open task
- Completed task
- Task with bold and a WikiLink inside
- Long task with formatting: bold, italic,
code, Link — verify wrapped lines hang correctly
Code block inside list item
- Item with a fenced code block:
const x = 1; const y = 2; - Next item — does alignment recover after the code block?
Multi-paragraph list items
-
First paragraph of an item. Second paragraph of the same item, indented two spaces in source.
-
Next item — does the indent of the second paragraph match the first?
Links section
These two should vertically align perfectly:
SilverBullet item
A a line above a link
A line with SilverBullet in the middle and code and bold — chip should not add box width.