Developer

Markdown Basics and Common Formatting Pitfalls

ToolOrbit Engineering 2 min readUpdated
Markdown Basics and Common Formatting Pitfalls

Markdown is the standard format for documentation, READMEs, and simple website content. But without a preview, it is easy to mis-format lists, tables, and code blocks. This guide explains how Markdown rendering works and why the ToolOrbit Markdown Previewer is useful for writing with confidence.

Markdown basics

  • Use # headings, - or * lists, and fenced code blocks for readability.
  • Links are written as [text](url).
  • Tables are created with pipes and dashes.
  • Task lists support - [ ] and - [x] in GitHub-flavoured Markdown.

Common formatting pitfalls

  • Missing blank lines before or after lists.
  • Fenced code blocks without the closing triple backticks.
  • Incorrect table column alignment or missing pipe separators.
  • Inline HTML that breaks Markdown parsing in some renderers.

Preview and HTML output

ToolOrbit renders your Markdown live while also generating the equivalent HTML. That makes it easy to check whether the formatted result matches your intent, and to copy the HTML into a web page or CMS if needed.

Tip: Use the preview to verify tables and nested lists. Those are the most common areas where Markdown appears correct in the editor but renders incorrectly.

Markdown beyond the first paragraph

  • Nested lists: indent child items four spaces to nest them correctly.
  • Task lists: - [ ] and - [x] render as checkboxes in GitHub-flavoured Markdown.
  • Footnotes and definition lists are extension features — they only work in specific renderers.
  • Autolinks: paste a full URL and most renderers will turn it into a link for you.

Why a live preview earns its place

Markdown’s whole point is readable source, but headers, lists and tables still have enough edge cases that “it looked fine” is a common preparation for a broken publish. A preview that renders as you type catches the missing blank line, the unterminated code fence and the misaligned table before the document reaches a README, a CMS or a docs site — where the reader will not care that the source was convenient.

Writers: render once with HTML output and use that as a lightweight migration path into any CMS that accepts raw HTML.

GitHub-flavoured extras that change the output

Tables, strikethrough, task lists and autolinks are GitHub-flavoured Markdown (GFM) extensions, not core Markdown — they render in GitHub, Slack and most repo tools, but fail in strict parsers. Fit your preview to your final destination: previewing with GFM while publishing to a strict parser silently drops half your formatting. Similarly, HTML inside Markdown works in GFM but may be sanitised elsewhere, so treat inline HTML as a portability risk rather than a feature.

  • fence code blocks with the language tag — syntax highlighting depends on it.
  • Blank lines around headings and lists are not optional; they structure the block.
  • Keep link destinations on one line — wrapping breaks reference links.

Tools mentioned

More reading

View all guides
What Is Base64? How Encoding Works and Common Mistakes
Developer

What Is Base64? How Encoding Works and Common Mistakes

What Base64 encoding actually does, where it is used, and the mistakes that cause broken or oversized output.

2 min readUpdated
encodeURI vs encodeURIComponent: Which One to Use
Developer

encodeURI vs encodeURIComponent: Which One to Use

How percent-encoding works, the difference between encoding a whole URL and a single component, and the mistakes that break links.

2 min readUpdated
What Is a UUID? Version 4 vs Version 7 Explained
Developer

What Is a UUID? Version 4 vs Version 7 Explained

What a UUID looks like, why version 4 is the safe default, when version 7 is better, and best practices for IDs.

2 min readUpdated
How SHA-256 and SHA-512 Hashes Work: Hashing vs Encryption
Developer

How SHA-256 and SHA-512 Hashes Work: Hashing vs Encryption

What a hash function does, how to choose between SHA-256 and SHA-512, and why hashing is not encryption.

2 min readUpdated
What Is a JWT? Header, Payload and Signature Explained
Developer

What Is a JWT? Header, Payload and Signature Explained

A JSON Web Token has three parts. Learn what the header, payload and signature contain, how to read the claims, and why decoding is not verifying.

2 min readUpdated
What Is HTML Encoding? Entities & Escaping Explained
Developer

What Is HTML Encoding? Entities & Escaping Explained

Learn how HTML encoding works, why escaping prevents XSS and layout breaks, and how to encode and decode named, decimal, and hex entities.

2 min readUpdated
Unix Time Explained: Seconds, Milliseconds and Time Zones
Developer

Unix Time Explained: Seconds, Milliseconds and Time Zones

What a Unix timestamp is, how to tell seconds from milliseconds, how time zones come into it, and the values worth recognising.

2 min readUpdated
Binary, Octal, Decimal and Hex: How Number Bases Work
Developer

Binary, Octal, Decimal and Hex: How Number Bases Work

How positional number bases work, why very large values need exact arithmetic, and the hex and binary values you meet every day.

2 min readUpdated