Markdown Hacks
Adventures in markdown, round 3! This final round demonstrates potential workarounds if the markdown processor supports HTML.
ℹ️ Quotes are from the markdown guide on hacks.
Centering
Inline CSS
<p style="text-align:center">Center this text</p>
Center this text
HTML Tag (deprecated)
The
<center>HTML tag is technically supported but officially deprecated
<center>This text is centered.</center>
Color
Inline CSS
<p style="color:red">This text should be red</p>
This text should be red
HTML Tag (deprecated)
The
<font>HTML tag is technically supported but officially deprecated
<font color="red">This text should be red</font>
This text should be red
Image Captions
<figure>
<img src="https://images.unsplash.com/photo-1536846511313-4b07b637bff9" alt="wave">
<figcaption>
Photo by <a href="https://unsplash.com/photos/time-lapse-photography-of-ocean-waves-iftBhUFfecE">Jeremy Bishop</a> on <a href="https://unsplash.com/photos/time-lapse-photography-of-ocean-waves-iftBhUFfecE">Unsplash<a>
</figcaption>
</figure>
Symbols
Markdown doesn’t provide special syntax for symbols. However, in most cases, you can copy and paste whatever symbol you want to use into your Markdown document
Alternatively, if your Markdown application supports HTML, you can use the HTML entity for whatever symbol you want to use.
- **Copyright (©)**: ©
- **Registered trademark (®)**: ®
- **Trademark (™)**: ™
- **Euro (€)**: €
- **Left arrow (←)**: ←
- **Up arrow (↑)**: ↑
- **Right arrow (→)**: →
- **Down arrow (↓)**: ↓
- **Degree (°)**: °
- **Pi (π)**: π
- Copyright (©): ©
- Registered trademark (®): ®
- Trademark (™): ™
- Euro (€): €
- Left arrow (←): ←
- Up arrow (↑): ↑
- Right arrow (→): →
- Down arrow (↓): ↓
- Degree (°): °
- Pi (π): π
For a complete list of available HTML entities, refer to Wikipedia’s page on HTML entities.