![MARKDOWN & HTML.png](https://steemitimages.com/DQmVmbhNV4rYmVQjJbaVDjeL2vBmyppCABLBmhezvTftiNb/MARKDOWN%20%26%20HTML.png)

*New to Steemit? If so do you feel like this Pug and don't know where to get started in Life ?*  Check out some of my Tutorials I have made here on Steemit that will help you get up to speed, especially when it comes to using Steemit's Built-in Raw Markdown Editor that allows you to make use of Markdown & subset of HTML Codes to further edit your Post & Comments

In this Post,  let's learn how to use the Raw Markdown Editor to Align Content to the Center, this includes how to align Fonts that are **Bold**, *Italic* or a even Header 

If you aren't aware it,  all content tend to align to the left on default however this can be changed with just a couple of Markdown Codes and can be applied to both Font, Photos & GIF's

<center><h1>Center Align</h1></center>Let's say you want to align Content right to the middle of the Post, this gives it a clean and even appearance since all Content will self-align itself to the Center! 

Just use the Following HTML Codes 
> \<center>\</center>
> \<center>Your Text Goes Here\</center>

Step 1 is to include \<center> followed by your Wording, Photos, Link or GIF's
Step 2 is to include a Final HTML Code by including \</center> at the end

Keep in mind that if you do not do Step 2 properly, all the remaining Content of your Post will be automatically aligned to the Middle. When using Markdown & HTML Codes, remember to be careful because it won't work unless you have done it correctly! 
In the Beginning you'll likely to run into a couple of errors, just remember to get the code right and to check the *Preview* to detect any errors

Example of Center Alignment
> 1) \<center>Your Text Goes Here\</center>
>  2) \<center>\[SteemitGuide](https://steemit.com/@steemitguide)\</center>
> 3) \<center>https ://media.giphy.com/media/sMNNSOC0b6pDG/giphy.gif\</center>

1) <center>Your Text Goes Here</center>
2) <center>[SteemitGuide](https://steemit.com/@steemitguide)</center>
3) <center>https://media.giphy.com/media/sMNNSOC0b6pDG/giphy.gif</center>
_____

Now we know how to Center Align Images, GIF's and Text however you want  to spice things up a little! Let's say you want to not only center align certain Text but you would also want that Font to be *Italic* or **Bold**

> 1) \<center>*Your Text Goes Here*\</center>
> 2) \<center>**Your Text Goes Here**\</center>

You use both HTML and Markdown Codes to make Font *Italic* or **Bold**!

>  \<center>\*Your Text Goes Here* \</center>

>  \<center>*\*\*Your Text Goes Here* \*\*\</center>
>  \<center>\<b>Your Text Goes Here<\/b>\</center>

Remember that if you're planning on using an HTML Code, you have to include **/** to sorta finish of the Code. Not doing so could result changing all your remaining Font or Post Alignment. Practice by typing it out and reviewing it in the Preview Section Below

 <center><h1>What about A Header?</h1></center>

If you tried to use # as Markdown Code instead of HTML, you won't be able to Middle Align your Header so you got to use a subset of HTML Codes to get the job done!

> \<center>\<h1> What about A Header?\</h1>\</center>

<center><h1>Adjusting Header Font Size</h1></center>
You could technically adjust the Font Size of your Header by just making some simple adjustment! HTML Code of Header would be \<h1> followed by \</h1> , H1 is the biggest Font Header the Raw Editor recognizes however by just adjusting & replacing the number followed after H,  you can set which Header Font Size you'll use. There up to 6 Different Font Sizes, all of them beginning with ''H'' and are categorized according to number, with 1 being the biggest Font and 6 the smallest font Size for a Header

 <center><h2>Header Size H2</h2></center>
 <center><h3>Header Size H3</h3></center>
 <center><h4>Header Size H4</h4></center>
 <center><h5>Header Size H5</h5></center>
 <center><h6>Header Size H5</h6></center>


 > \<center>\<h2>Header Size H2\</h2>\</center>
>  \<center>\<h3>Header Size H3\</h3>\</center>
> \<center>\<h4>Header Size H4\</h4>\</center>
> \<center>\<h5>Header Size H5\</h5>\</center>
> \<center>\<h6>Header Size H5\</h6>\</center>

_______
<center><h1>More Post on Markdown Guides</h1></center>

- Beginner Guide for Markdown & HTML Codes
Make use of Columns, Tables, Smiley's and align Text
[Markdown & HTML Code Guide for Beginners that includes 5 Useful Tips to edit Posts & Comments using Steemit's Raw Editor; Edit & Align Text, Columns, Table and Smiley's](https://steemit.com/steemit/@steemitguide/markdown-and-html-code-guide-for-beginners-that-includes-5-useful-tips-to-edit-posts-and-comments-using-the-raw-editor)

- Learn to make Text a Header, Bold & Italic
Level 1 of my new ''Markdown Beginner'' Course
[''Editing Basic Fonts'' Steemit Markdown Beginner Level 1: Learn How To Style your Font with Headers, Bold & Italic Text](https://steemit.com/steemit/@steemitguide/editing-basic-fonts-steemit-markdown-beginner-level-1-learn-how-to-style-your-font-with-headers-bold-and-italic-text)

- Add GIF to your Steemit Post
Learn to use Giphy to include GIF in your next Steemit Post
[How to Add GIF using Steemit's Raw Markdown Editor and more Guides & Tutorials to help you edit your Post like a Pro!](https://steemit.com/steemit/@steemitguide/how-to-add-gif-using-steemit-s-raw-markdown-editor-and-more-guides-and-tutorials-to-help-you-edit-your-post-like-a-pro)

- Ultimate Guide & Cheat-sheet for Smileys & Icons 😊
A dedicated Steemit Post showcasing a variety of Smileys & Icons
[Ultimate Guide & Cheat-sheet for Smiley & Icon's, make use of the Thousands Emoticons recognized by Steemit's Raw HTML Editon](https://steemit.com/steemit/@steemitguide/ultimate-guide-and-cheat-sheet-for-smiley-and-icon-s-make-use-to-thousands-of-emoticons-recgonized-by-steemit-s-raw-html-editor)

<center><h1>More Steemit Dedicated Posts</h1></center>

- Full Guide on Steemit Permission Keys
Know your 5 Permission Keys Inside Out and the comparison between them
[Everything you need to know about Steemit's Permission Keys; Posting,Owner,Active,Memo! Digital Passwords with Unique Functionality, that allows you to Securely connect your Steemit Account with Third-party Services](https://steemit.com/steemit/@steemitguide/a-complete-guide-on-steemit-permission-keys-posting-owner-active-memo-digital-passwords-with-unique-functionality-that-allows)

- How to Search Steemit Hashtags
Making use of Hashtags to put your Post out there & how to maximise your reach with specific
[How to Search Hashtags/Topics that are Unpopular on Steemit & Learn 3 Common Types of Hashtags to use on Social Media to draw Attention, Organize and Promote Content](https://steemit.com/steemit/@steemitguide/how-to-search-any-hashtags-topics-that-are-less-popular-on-steemit-and-learn-3-common-types-of-hashtags-to-use-on-social-media)

<center><h1>😊Follow Me for More 👌 </h1></center>