markdown.raw() – CSS style to make HTML look like raw markdown

by Dym Sohin

code repo

left-to-right right-to-left

h1 – blockquote, abbr

blockquote
second line
CSS

h2 – a, abbr, img

link

link with a "title" attribute

this is alt text

alt_text

h3 – code, b, i, u, s, del, ins

multi_lined( ) {
  code;
  block;
}

some text around inline code; and inline code

bold bold

italics italics

uinderlined uinderlined

striked striked

inserted inserted

deleted deleted

h4 – lists

  • unordered list item
  • another one
  • now list iside a list:
    • unordered list item
    • another one
    • lvl 3:
      • unordered list item
      • another one
      • just one more
    • back to lvl 2
  • back to lvl 1
  1. ordered list item at lvl 1
  2. many numbers
  3. many numbers
  4. many numbers
  5. many numbers
  6. many numbers
  7. many numbers
  8. many numbers
  9. another one
  10. next is lvl 2
    1. ordered list inside an ordered list
    2. many numbers
    3. many numbers
    4. many numbers
    5. many numbers
    6. many numbers
    7. many numbers
    8. many numbers
    9. many numbers
    10. many numbers
    11. next is lvl 3
      1. ol_level_3
      2. many numbers
      3. many numbers
      4. many numbers
      5. many numbers
      6. many numbers
      7. many numbers
      8. many numbers
      9. many numbers
      10. many numbers
      11. many numbers
      12. too deep?
    12. one back to lvl 2
      1. lvl 3 w/o introductory text
  11. one back to lvl 1
    1. lvl 2 w/o introductory text
h5 – inputs, labels, other form-elements
I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I? A keyboard.
h6 – aside, and the rest

long random text The HTML aside element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.

some inline citation, not a blockquote

Mini Ketchup, Jumbo Ketchup, Mega Jumbo Ketchup

validator

Ctrl+Shift+R

Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.

I'm sorry, Dave. I'm afraid I can't do that.

明日 (Ashita)

Fernstraßenbauprivatfinanzierungsgesetz

The volume of a box is l × w × h, where l represents the length, w the width and h the height of the box.

text above hr
text below hr

a2 + b2 = c2

Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine."

h1 – blockquote, abbr

blockquote
second line
CSS

h2 – a, abbr, img

link

link with a "title" attribute

this is alt text

alt_text

h3 – code, b, i, u, s, del, ins

multi_lined( ) {
  code;
  block;
}

some text around inline code; and inline code

bold bold

italics italics

uinderlined uinderlined

striked striked

inserted inserted

deleted deleted

h4 – lists

  • unordered list item
  • another one
  • now list iside a list:
    • unordered list item
    • another one
    • lvl 3:
      • unordered list item
      • another one
      • just one more
    • back to lvl 2
  • back to lvl 1
  1. ordered list item at lvl 1
  2. many numbers
  3. many numbers
  4. many numbers
  5. many numbers
  6. many numbers
  7. many numbers
  8. many numbers
  9. another one
  10. next is lvl 2
    1. ordered list inside an ordered list
    2. many numbers
    3. many numbers
    4. many numbers
    5. many numbers
    6. many numbers
    7. many numbers
    8. many numbers
    9. many numbers
    10. many numbers
    11. next is lvl 3
      1. ol_level_3
      2. many numbers
      3. many numbers
      4. many numbers
      5. many numbers
      6. many numbers
      7. many numbers
      8. many numbers
      9. many numbers
      10. many numbers
      11. many numbers
      12. too deep?
    12. one back to lvl 2
      1. lvl 3 w/o introductory text
  11. one back to lvl 1
    1. lvl 2 w/o introductory text
h5 – inputs, labels, other form-elements
I have keys but no doors. I have space but no room. You can enter but can’t leave. What am I? A keyboard.
h6 – aside, and the rest

long random text The HTML aside element represents a portion of a document whose content is only indirectly related to the document's main content. Asides are frequently presented as sidebars or call-out boxes.

some inline citation, not a blockquote

Mini Ketchup, Jumbo Ketchup, Mega Jumbo Ketchup

validator

Ctrl+Shift+R

Several species of salamander inhabit the temperate rainforest of the Pacific Northwest.

I'm sorry, Dave. I'm afraid I can't do that.

明日 (Ashita)

Fernstraßenbauprivatfinanzierungsgesetz

The volume of a box is l × w × h, where l represents the length, w the width and h the height of the box.

text above hr
text below hr

a2 + b2 = c2

Almost every developer's favorite molecule is C8H10N4O2, also known as "caffeine."