Home Logo

ZINGSURF

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>
This text is centered.

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>
wave
Photo by Jeremy Bishop on Unsplash

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 (©)**: &copy;
- **Registered trademark (®)**: &reg;
- **Trademark (™)**: &trade;
- **Euro (€)**: &euro;
- **Left arrow (←)**: &larr;
- **Up arrow (↑)**: &uarr;
- **Right arrow (→)**: &rarr;
- **Down arrow (↓)**: &darr;
- **Degree (°)**: &#176;
- **Pi (π)**: &#960;
  • 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.