This post gives follows on from several other recent posts (linked at the bottom) where I share more formatting tips, tricks, and code. Feel free to comment with other formatting that you are trying to achieve, and check out my other formatting posts.

1. Headings

Different sized headings can be achieved by using between one and five # symbols in front of the heading.
# Heading 1
## Heading 2
### Heading 3
#### Heading 4
##### Heading 5

The code above give the font size and spacing below:

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

---

2. Divider Lines

To create a grey horizontal divider line like the ones in this post you can use --- or <hr>

---

3. Numbered Lists

Numbered lists can be done by just putting numbers (it will count upwards even if you mess with the number order) followed by a full stop, a space, then your text for each item. If you prefer to use HTML you can start a numbered list with <ol> and end it with </ol> and then each item needs <li> at the start and </li> at the end but this is a lot more effort.

1. Item 1
2. Item 2
3. Item 3

---

4. Bullet Pointed Lists

For bullet pointed items just put a * and then a space in front of each line you want bulleted.

* Item
* Item

• Item
• Item

---

5. Justifying Images

The code <div class="pull-right"><img src="https://steemitimages.com/DQmQfVQVnLW5KuEejCDG9KUNQq6nL97PM5gZeTiMmmuAbGb/image.png" /></div>followed by some text lets me justify the image on the right and have text on the left.

I can change the "pull-right" to "pull-left" to have the image justified on the left instead. The url for src= can be a steemit image or an external link to an image.

You should note that a <div> tag does create a line-break before and after itself.

---

---

Other Recent Help Posts

• Showing code, centering, hyperlinks, emojis - More useful tips for formatting your Steemit posts
• How to shrink images in your post