For testing styles only!

Inline styles

Links

The following will be a link to show off a link. Here it is, bask in its glory. You might also want to take a look at this link, as it uses an explicity a tag. That was the links.

Or just a plain named anchor. That's what at the start of this line

Stylistic and semantic things

We can also test italics and bold. There's also strike and code.

We can test things that markdown doesn't define. Like underline and "kbd" for keyboard keys and ^superscript and _subscript and "small" for small text and "big" for big text

There's some much less used ones like and "cite" for cite text, which usually wraps the link to the citation. See MDN for usage

Block styles

Paragraphs

This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap. If not, we can repeat it over and over again until it does wrap. This is a paragraph of text that should be long enough to wrap.

Explicit paragraph of text using a "p" tag

Comments

Hr

Images

Small image

Big image

What happens when the image is inline

Image with a caption (an image followed by an em, in the same paragraph)

Caption for the image

That's all the images

Unordered lists

• Unordered lists
• with
• nested items
• probably
• made
• with ul and maybe a p tag in it
• Might want to test with images in here too

Ordered lists

1. ordered lists
2. with their
3. own set
4. of nested
5. items

Toggle block

• Toggle me

  asdasdasdasd

Blockquote

A "blockquote" (maybe with a "p" in it)

“Sometimes, I dream about cheese” ~ Citizen

That's a short one

“I love songs about horses, railroads, land, judgement day, family, hard times, whiskey, courtship, marriage, adultery, separation, murder, war, prison, rambling, damnation, home, salvation, death, pride, humor, piety, rebellion, patriotism, larceny, determination, tragedy, rowdiness, heartbreak, and love. And Mother. And God.” ~ Johnny Cash

That's a long one

Markdown code block

function js(){
    //It's javascript flavor too
}

This one has no flavor
yum, tasty

Table

Here's a table with no border, a caption, colgroups, cols, thead, tfoot, & tbody:

Img

Big img

Small img

Iframe

Converted to (used to be figure and figcaption and .with-bg, and .side-by-side)

Side by side with-bg

Image is very big

Side by side with-bg Very large and the caption is also very large so it's a really pain in the butt to try to get this all to align idk how im even gonna do it but it's not easy mate

OTHER WAY Side by side with-bg Very large and the caption is also very large so it's a really pain in the butt to try to get this all to align idk how im even gonna do it but it's not easy mate

Multi item

Side by side with-bg Very large and the caption is also very large so it's a really pain in the butt to try to get this all to align idk how im even gonna do it but it's not easy mate. This one is going to be really long so the vertical will be theoretically larger than the image size and it should really mess it up. Let's see what it does because idk if it's going to center it or not. Hopefully it should and not stretch. It looks like it should do a center and not a stretch which is correct. do all that stretching. do all that centering, yeah that's it, give your flex a good ol stretch and make it do the thing where it orients properly. Thanks