Ever wonder how some post's presentation is well formatted and how you could do it similar?

If you take a little time to learn Markdown and HTML, you'll be able to have a post stand out more than usual. Let's take a look at the Mardown Cheat Sheet but do it Steemit style! Not all the methods work but I will share with you ones that currently do on here.

Headers

Code:

# STEEMIT!
## STEEMIT!
### STEEMIT!
#### STEEMIT!
##### STEEMIT!
###### STEEMIT!

Result:

STEEMIT!

STEEMIT!

STEEMIT!

STEEMIT!

STEEMIT!

STEEMIT!

To add the underline or a spacer for your page, you can use:

Code:

# STEEMIT!

---

Result:

STEEMIT!

Emphasis

Emphasis, or italics, is STEEMIT!

Strong emphasis, or bold, is STEEMIT!

Combined emphasis with STEEMIT!

Strikethrough uses two tildes. ~~STEEMIT!~~

There are couple different ways to do this.

Code:

*STEEMIT!* or _STEEMIT!_.

**STEEMIT!** or __STEEMIT!__.

***STEEMIT!*** or **_STEEMIT!_**.

~~STEEMIT!~~

Result:

STEEMIT! or STEEMIT!.

STEEMIT! or STEEMIT!.

STEEMIT! or STEEMIT!.

~~STEEMIT!~~

Lists

Here's where it can start getting a little more advanced and not everything on the Markdown Cheat Sheet works the same here.

Here is what is known to work.

Code:

1. Actual numbers don't matter, just that it's a number
1. It will come out to the next number
4. And another item.
You can have properly indented paragraphs within list items. 
<br>
To have a line break without a paragraph, you will need to use a little Html `
`although the spacing is a bit larger than normal. If you know a different way that works on here, let me know!
Note that this line is separate but within the same paragraph.

* Bullet list can use asterisks
- Or minuses
+ Or pluses

Result:

Actual numbers don't matter, just that it's a number
It will come out to the next number
And another item.
You can have properly indented paragraphs within list items.

To have a line break without a paragraph, you will need to use a little Html <br> although the spacing is a bit larger than normal. If you know a different way that works on here, let me know!
Note that this line is separate but within the same paragraph.

Bullet list can use asterisks

Or minuses

Or pluses

Links

Code:

[STEEMIT!](https://www.steemit.com)

URLs and URLs in angle brackets will automatically get turned into links. 
http://www.steemit.com or  and sometimes 
example.com (but not on Github, for example).

Result:

URLs and URLs in angle brackets will automatically get turned into links.
http://www.steemit.com or http://www.steemit.com and sometimes just
steemit.com (but not on Github, for example).

Code and Code Blocks

Code:

I love `STEEMIT!` because it is `AWESOME!`

Result:

I love STEEMIT! because it is AWESOME!

I was unable to figure out a way to show the Code Block properly so I had to upload an image to show the example. You need to have ``` at the beginning and end of your code.

Code:

Result:

This is how you do a Code Block on STEEMIT!

If you are a Coder, you most likely know how to do this already!

3.times {print "STEEM! "}

Tables

In order to center with text in a column, you will have to use HTML to do this unless there is another markdown way that works on here. If there is, please let me know!

Code:

Colons can be used to align columns.

| Tables        | <center>Are</center> | Cool  |
| ------------- |-------------| -----:|
| column 3 is      | <center>right-aligned</center> | $1600 |
| column 2 is      | <center>centered</center>      |   $12 |
| zebra stripes | <center>are neat</center>      |    $1 |

There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.

Markdown | Less | Pretty
--- | --- | ---
*Steemit* | `is` | **AWESOME!**
1 | 2 | 3

Result:

Colons can be used to align columns.

Tables	Are	Cool
column 3 is	right-aligned	$1600
column 2 is	centered	$12
zebra stripes	are neat	$1

There must be at least 3 dashes separating each header cell.
The outer pipes (|) are optional, and you don't need to make the
raw Markdown line up prettily. You can also use inline Markdown.

Markdown	Less	Pretty
Steemit	`is`	AWESOME!
1	2	3

Blockquotes

Code:

> You can use this when quoting from an article.

> You can have a line break or add another bracket
>
> to continue within the same blockquote

Result:

You can use this when quoting from an article.

You can have a line break or add another bracket

to continue within the same blockquote

Align Image, Text

This method uses HTML to align images and text.

Code:

<div class="pull-right"><img src="https://steemit.com/images/favicons/favicon-196x196.png"></div>

You can enter your text after the `` code to have it appear to the left of the image. This can help shorten the amount of time having to scroll through and reading a post. Some readers do appreciate the formatting of your post. I know I do and I enjoy formatting my posts using this method. This also can give a better presentation to add a little extra to your post. 

The text will automatically wrap around when your text is long enough and depending on the size of the image you use. If you

Result:

You can enter your text after the <div> code to have it appear to the left of the image. This can help shorten the amount of time having to scroll through a post. Some readers do appreciate the formatting of your post. I know I do and I enjoy formatting my posts using this method. This also can give a better presentation to add a little extra to your post.

The text will automatically wrap around when your paragraph is long enough and depending on the size of the image you use.

I borrowed this method from @krnel from his post on aligning images. You can check out his post for different ways on how to do it.
https://steemit.com/steemit-help/@krnel/how-to-align-images-in-steemit-posts-left-right-and-center

Image Sources:1,2

Making Your Posts Better With Markdown and HTML | Ecency