MSK Institute • Shikohabad
Loading Page Content...
Preparing courses, live labs, and learning resources.सामग्री लोड हो रही है, कृपया प्रतीक्षा करें...
Connecting serverPlease wait...
💻 Practical Labs🚀 Free Demo📜 Verified Certificates
Unordered Lists & Bullet Customization0%
Unordered Lists & Bullet Customization
Beginner12 min read•Updated: Jul 11, 2026
Lists are indispensable for organizing information, outlining features, and enumerating project requirements. In Markdown, unordered lists represent bulleted collections where the sequence does not imply a chronological order.
Click to Zoom1. Unordered List Markers
You can create an unordered bullet item using any of three characters: dash (-), *asterisk (`)**, or **plus (+`)**, followed by a space:
- Item using a hyphen/dash
- Second item
- Third item
* Item using an asterisk
* Second item
+ Item using a plus sign
+ Second item
All three symbols compile to the identical HTML <ul><li>...</li></ul> structure.
Team Convention: Most engineering style guides (such as Google and GitHub) recommend sticking exclusively to hyphens (
-) for consistency.2. Nested Unordered Lists
To nest a sub-list inside an existing list item, indent the sub-items by 2 or 4 spaces (or 1 Tab):
- Frontend Technologies
- React.js
- Next.js
- Tailwind CSS
- Backend Technologies
- Node.js
- Python FastAPI
- PostgreSQL
3. Tight vs. Loose Lists (Spacing Matters!)
Understanding the difference between tight and loose lists is a mark of an experienced Markdown writer:
Tight List (No paragraph wrapping):
When items have no blank lines between them, the HTML compiles without <p> tags inside the <li>:
- Clean item 1
- Clean item 2
- Clean item 3
HTML: <li>Clean item 1</li>
Loose List (With paragraph wrapping):
If you insert a blank line between any items in the list, the entire list becomes "loose", wrapping each item in <p> tags with extra paragraph margins:
- Detailed item 1 with extensive explanation.
- Detailed item 2 with further instructions.
HTML: <li><p>Detailed item 1 with extensive explanation.</p></li>
Interactive Quiz
Multiple Choice Questions
Question 1
Which of the following symbols CANNOT be used to create an unordered list item in standard Markdown?
Question 2
Which HTML element is generated for an unordered list container in Markdown?
Question 3
How do you nest a sub-bullet list inside an existing list item?
Question 4
What distinguishes a 'loose list' from a 'tight list' in Markdown parsing?
Question 5
What is the recommended industry standard symbol for unordered lists across modern repositories?
Next Lesson
Ordered Lists & Nested Outlines
Continue learning with hands-on practice, examples, and exercises in the upcoming topic.
Related Lessons
| Previous Lesson | Next Lesson |
|---|---|
| Blockquotes, Nested Quotes & Callouts | Ordered Lists & Nested Outlines |
Practice Quiz
Test your understanding of this lesson with 5 questions. Each question has one correct answer.