The answer....MAGIC!! No no no ...it's actually easier than that.

A couple of the more unintuitive aspects of posting are learning how to align things (images or text), get the fancy graphic between your paragraphs, and some basic markdown commands (for those that prefer Markdown versus Editor mode).

It may look strange, maybe even technical...but I promise, it's really not that hard. Some of these you'll get down in no time and others you can just copy/paste in and fill out. Definitely don't stress about this! We'll start with the easiest stuff and feel free to skip the markdown section if you use the "Button" Editor mode.

Q: How do you get spiffy little graphics between paragraphs like right above here?

Those are essentially just like any other picture you put into a Steemit post. I just found one I liked on Google (with the Labeled for Reuse license) and started using it to separate sections in my posts. To make it even easier, I've already go the search ready for you buy SIMPLY CLICKING HERE.

If you see one on a page with others, just open it in an image editor (paint, photoshop, gimp, even imgur has one) and crop out the one you want. Just like any other image, simply copy the link or copy the picture itself and paste it into here. So easy but it can do a lot to break you post up into more manageable pieces for the reader (nobody likes walls of text.)

Q: How do I align images and/or text?

Centering

The most complicated this about this is getting into the right MODE to do it. If you see buttons like these:

you are in EDITOR (versus Markdown) mode. So, you'll need to click the little clickable text far to the right of these buttons that says "RAW HTML".

If you Don't see these buttons, you can simply skip this step since you're already in the right mode for this. From here..it's really easy..

Put center tags around the image url

Example:

`<center>http://i.imgur.com/5eJz2mU.jpg</center>`

That's it...just put the <center> tag before and the </center>!

Float Left or Right

Now these are a little more difficult. Again, you need to either be in Markdown mode already or hit the Raw HTML button. I recommend simply copy/pasting the code in the gray boxes and just inserting your own picture and text. Make sure you remove all the brackets, parentheses and exclamation points that are put in when you upload a picture.

Pull Left

The text flows around the image on the left. I can just keep on writing and writing and writing and it still flows very nicely! It will just keep going line to line wrapping itself magically around the image that sits on the left hand side.

<p><div class="pull-left">
<img src="<img class="markdown-img-link" src="https://steemitimages.com/0x0/https://steemitimages.com/DQmP1oiodhAWNHMTVPZUaeX1xWuPqhVbRG1xtU9MFbkJQVT/image.png""/>></div>
The text flows around the image on the left. I can just keep on writing and writing and writing and it still flows very nicely! It will just keep going line to line wrapping itself magically around the image that sits on the left hand side.
</p>

Pull Right

The text flows around the image on the right. I can just keep on writing and writing and writing and it still flows very nicely! It will just keep going line to line wrapping itself magically around the image that sits on the right hand side.

<p><div class="pull-right">
<img src="<img class="markdown-img-link" src="https://steemitimages.com/0x0/https://steemitimages.com/DQmP1oiodhAWNHMTVPZUaeX1xWuPqhVbRG1xtU9MFbkJQVT/image.png""/>></div>
The text flows around the image on the right. I can just keep on writing and writing and writing and it still flows very nicely! It will just keep going line to line wrapping itself magically around the image that sits on the right hand side.
</p>

Justify Text

Write whatever you want to in here. It will just keep on going around and around so that everything aligns evenly on the edges. Nobody likes jagged edges right? Write whatever you want to in here. It will just keep on going around and around so that everything aligns evenly on the edges. Nobody likes jagged edges right?

<div class = "text-justify">

Write whatever you want to in here. It will just keep on going around and around so that everything aligns evenly on the edges. Nobody likes jagged edges right? Write whatever you want to in here. It will just keep on going around and around so that everything aligns evenly on the edges. Nobody likes jagged edges right? 

</div>

Q: Do you have any easy example for Markdown?

Making a Clickable Link: You can just copy and paste a link to a webpage (vs a direct link that will show the picture or embed the video). But who wants to see a link 50+ characters long. To make this prettier, you can surround words you want to be clickable with a [brackets] and follow it with the link you want it to go to within (parentheses).

Example:
[Google a lot](www.google.com)
Since I’ve been talking about Google a lot it is good to have the link directly in my text for easier reading.

Headings: you can use # through ###### at the start of a line or h1-6 tags around the text you want as a heading

Example:
# This is an h1 (the largest) heading
###### This is an h6 (the smallest) heading

This is an h1 (the largest) heading

This is an h6 (the smallest) heading

<h1>This is an h1 (the largest) heading</h1>
<h6>This is an h6 (the smallest) heading</h6>

This is an h1 (the largest) heading

This is an h6 (the smallest) heading

Italicizing and Bolding text: Put a single asterisk or underscore before and after what you want to italicize. Use a double asterisk or underscore for bold.

Example:
*This will be in italics*
_This will be in italics_

This will be in italics
This will be in italics

**This will be in bold**
__This will be in bold__

This will be in bold
This will be in bold

Bullet Points and Lists: Put an asterisk() at the beginning of a line with a space after it to make a bullet point. To make a sub point, at the start of the next line hit the spacebar twice and then put an asterisk(). This will indent the sub point for you since we can’t hit tab in the Steemit editor. For ordered lists just use numbers followed by a period. Use two spaces before the number to indent a sub point. (The spaces don't show in here, but they need to be in there to have the sub-point.)

Example:
* A bullet point will be before this text
* This sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)

A bullet point will be before this text
- This sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)

1. This is the first point in an ordered list
2. This is the second point
* This sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)
* This other sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)

This is the first point in an ordered list
This is the second point
- This sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)
- This other sub point will also have a bullet point but also be indented by hitting space twice (the spaces don't show in here, but they need to be in there to have the sub-point.)

Quotations and Quote Sources: To make a block quote simply start the line with a > followed by a space and then the text. To quote the source of the quote, goto the next line and start it with >- followed by a space and then the name of the source. [NOTE: You MUST give a hit return an additional time after the block quote or it won’t close it correctly.]

Example:
> This text is a quote about something amazing
>- by Author P. Worrell
This text got included in the quote because it didn’t have an extra return.

This text is a quote about something amazing

by Author P. Worrell
This text got included in the quote because it didn’t have an extra return.

This text is NOT included in the quote because it DID have an extra return.

Remember that ALL of my guide posts are eligible to be added as entries to the Steem Center Wiki or Operation Translation.

Click here to find out how these can earn you Steem!!

Feel free to ask me anything. I'm here to Help!

I've had slow response times lately, but I try to get a response to every question.

Are you new to Steemit and Looking for Answers? - Try https://www.steemithelp.net.

Image Sources:
Training

❓Answering Common Questions: How do people align things? How do I get those fancy designs between paragraphs? 🎭

The answer....MAGIC!! No no no ...it's actually easier than that.

Q: How do you get spiffy little graphics between paragraphs like right above here?

Q: How do I align images and/or text?

Centering

Put center tags around the image url

Example:

<center>http://i.imgur.com/5eJz2mU.jpg</center>

Float Left or Right

Pull Left

Pull Right

Justify Text

Q: Do you have any easy example for Markdown?

This is an h1 (the largest) heading

This is an h6 (the smallest) heading

This is an h1 (the largest) heading

This is an h6 (the smallest) heading

Remember that ALL of my guide posts are eligible to be added as entries to the Steem Center Wiki or Operation Translation.

Feel free to ask me anything. I'm here to Help!

Previous Helpful Posts for Newbies

Are you new to Steemit and Looking for Answers? - Try https://www.steemithelp.net.

`<center>http://i.imgur.com/5eJz2mU.jpg</center>`