# This Post is Dedicated for those Interested in Learning Custom Markdown Style Editing
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/steem-markdown-_689_8df4d348192991d0159c10b9fc48af895d43edcfec2f0.png" alt="steem-markdown-_689_8df4d348192991d0159c10b9fc48af895d43edcfec2f0.png" border="0">


*Many of you don't know this but this feature has been released for quite some time however I rarely saw any post make use of this!*
____

<p>
<div class=pull-left>
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/layouts300cc.png" alt="layouts300cc.png" border="0">
</div>
Learn how to create different paragraphs which can be alighted to the Left & Right, instead of the usual center position.
 
This is a unique way to format a post and requires basic Markdown Codes, learn how to do this with this Guide. Great for making comparisons

 </p>                                                                                             
  <p>
<div class=pull-right>
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/new-piktochart_625_c5e4bd9a4a1ccfd4035789ec2dde614891fd254fb89d1.png" alt="new-piktochart_625_c5e4bd9a4a1ccfd4035789ec2dde614891fd254fb89d1.png" border="0">
</div>
We will need to type a few basic codes and i'll teach you couple tricks on how to configure around with Markdown Raw Editor, before you know it you'll how to paragraph, align and insert an image in a Steemit Post
</p>

__________
# Markdown Codes To Remember

Before I show you the important codes, you can check this announcement on [GitHub](https://github.com/steemit/steemit.com/issues/142). I know GitHub can be overwhelming for many, that's why i'm here to make it more simple for you guys to understand. 

## Code for Paragraph, Text & Image Alignment

<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/insercode213d1.png" alt="insercode213d1.png" border="0" />

Noticed something from the Picture above? I'm actually using the exact code that is being used to display the content that you're reading now, this is what I typed in order to display the Aligned (Left) section of my post.

Now that you have seen all the codes, try to make something out of it. If not just keep on reading!

 ## Basic Code for Paragraph
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/aragraph890e2.png" alt="aragraph890e2.png" border="0">

Later you can experiment around a bit, don't be afraid to press ''Enter'' Button to provide spacing for your layout


<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/paragraph167cc.png" alt="paragraph167cc.png" border="0">

## Learn how to Align a Paragraph to the Left & Right
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/insercode21cfec.png" alt="insercode21cfec.png" border="0" />

## Adding an Image

Notice that i'm explaining each Code Line, if you pay attention we are on Number 3 now.
When it comes to adding an image, you're expected to have a link which you should copy and paste in the Markdown Raw Editor
I personally use [Steemimg.com](http://steemimg.com/) and would definitely recommend you to use it in order make your life easier. It's a Image Hosting service made by @blueorgy that allows you to get multiple links, however I would use IMG URL & HTML Code.

<img src="https://storage.googleapis.com/steemimgimgs/2016/10/19/htmlcodesd5da7bc7d8.png" alt="htmlcodesd5da7bc7d8.png" border="0">

**All of them work if you decide to copy paste it into Code No.3**
<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/check23a3f.png" alt="check23a3f.png" border="0">
*Check out [Steemimg](www.steemimg.com) to get all the codes you need for your Steemit Career!*

## Align Text with Image

If you wish to write something next to your aligned Image, you would have to add an extra code after Code No.3. Press ''Enter'' and type Code 4 in the next sentence

<img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/textnexte3ce7.png" alt="textnexte3ce7.png" border="0">

# Source
[daringfireball.net](https://daringfireball.net/projects/markdown/syntax)
[GitHub:Steemit 142](https://github.com/steemit/steemit.com/issues/142)
@ervin-lemark  [Steemit Post](https://steemit.com/steemit/@ervin-lemark/how-can-you-left-or-right-align-parts-of-your-steemit-article-images-included)

<p>
<div class=pull-right>
<a href="http://steemimg.com/image/DFFlx"><img src="https://storage.googleapis.com/steemimgimgs/2016/10/18/steemitguide47985.png" alt="steemitguide47985.png" border="0" /></a>
</div>

Doesn't this go well with the SteemVerify Logo? Anyways, if you spot an error in any of my Guides please feel free to correct me and also if there is anything you would like to see a Guide on, let me know! Dedicated young Steemian interested in getting Vested. Will write another tip on Markdown Codes Soon, Follow me for more!
 </p>