create account

Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers) by steemitguide

View this thread on: hive.blogpeakd.comecency.com
· @steemitguide · (edited)
$21.34
Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)
![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>
👍  , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , and 52 others
properties (23)
authorsteemitguide
permlinkmarkdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers
categorysteemit
json_metadata{"tags":["steemit","howto","blog","writing","tutorials"],"image":["https://steemitimages.com/DQmVmbhNV4rYmVQjJbaVDjeL2vBmyppCABLBmhezvTftiNb/MARKDOWN%20%26%20HTML.png","https://media.giphy.com/media/sMNNSOC0b6pDG/giphy.gif"],"links":["https://steemit.com/@steemitguide","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","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","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","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","https://steemit.com/steemit/@steemitguide/a-complete-guide-on-steemit-permission-keys-posting-owner-active-memo-digital-passwords-with-unique-functionality-that-allows","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"],"app":"steemit/0.1","format":"markdown"}
created2017-05-01 13:48:03
last_update2017-05-01 13:51:57
depth0
children29
last_payout2017-05-08 13:48:03
cashout_time1969-12-31 23:59:59
total_payout_value17.635 HBD
curator_payout_value3.704 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length6,943
author_reputation35,147,549,313,619
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd0
post_id3,174,547
net_rshares13,391,984,255,230
author_curate_reward""
vote details (116)
@ahmadnayan ·
Since I am new to steemit, this blog is really worth to folow. resteem and upvote is a must.
properties (22)
authorahmadnayan
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180226t095855768z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-26 09:58:54
last_update2018-02-26 09:58:54
depth1
children0
last_payout2018-03-05 09:58:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length92
author_reputation2,184,733,030,678
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id40,558,538
net_rshares0
@alimcse ·
study it
properties (22)
authoralimcse
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20171115t143600560z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-11-15 14:36:09
last_update2017-11-15 14:36:09
depth1
children0
last_payout2017-11-22 14:36:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length8
author_reputation239,703,621
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id20,472,534
net_rshares0
@antoniotrento ·
Thanks to the article is very thorough! I wanted to add a trick to further improve the writing here on Steem; I created a [post where I reveal them here](https://steemit.com/steemit/@antoniotrento/steem-and-markdown-some-tricks-to-write-better-and-faster)
properties (22)
authorantoniotrento
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20171219t090924362z
categorysteemit
json_metadata{"tags":["steemit"],"links":["https://steemit.com/steemit/@antoniotrento/steem-and-markdown-some-tricks-to-write-better-and-faster"],"app":"steemit/0.1"}
created2017-12-19 09:09:24
last_update2017-12-19 09:09:24
depth1
children2
last_payout2017-12-26 09:09:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length255
author_reputation437,206,873,306
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id24,156,146
net_rshares0
@iamoratorsam ·
I am going to read it!
properties (22)
authoriamoratorsam
permlinkre-antoniotrento-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180202t082711835z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-02 08:27:24
last_update2018-02-02 08:27:24
depth2
children1
last_payout2018-02-09 08:27:24
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length22
author_reputation304,998,603
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id34,345,298
net_rshares0
@antoniotrento ·
@iamoratorsam thanks hope it was helpfull!
properties (22)
authorantoniotrento
permlinkre-iamoratorsam-re-antoniotrento-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180207t144209348z
categorysteemit
json_metadata{"tags":["steemit"],"users":["iamoratorsam"],"app":"steemit/0.1"}
created2018-02-07 14:42:09
last_update2018-02-07 14:42:09
depth3
children0
last_payout2018-02-14 14:42:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation437,206,873,306
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id35,678,535
net_rshares0
@awesomianist ·
Thanks! Writers like us needs a guide like this especially after the recent discontinuation of the raw Html feature. Saved and upvotes!
👍  , ,
properties (23)
authorawesomianist
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-201751t225853722z
categorysteemit
json_metadata{"tags":"steemit","app":"esteem/1.4.2","format":"markdown+html"}
created2017-05-01 14:58:57
last_update2017-05-01 14:58:57
depth1
children0
last_payout2017-05-08 14:58:57
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length135
author_reputation30,939,172,096,979
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries
0.
accountesteemapp
weight100
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,175,246
net_rshares2,837,083,469
author_curate_reward""
vote details (3)
@bayuya ·
$0.29
For headers and font sizes it is easier to use "#"
one # is the biggest font and six #-s is the smallest.
👍  , , ,
properties (23)
authorbayuya
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180620t213036109z
categorysteemit
json_metadata{"tags":["steemit","-s"],"app":"steemit/0.1"}
created2018-06-20 21:30:42
last_update2018-06-20 21:30:42
depth1
children0
last_payout2018-06-27 21:30:42
cashout_time1969-12-31 23:59:59
total_payout_value0.219 HBD
curator_payout_value0.068 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length105
author_reputation17,096,828,082,538
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id61,548,352
net_rshares141,964,740,463
author_curate_reward""
vote details (4)
@bbkoopsta ·
This came in the right time when i really need this! i bookmarked your article just in case i need the codes, thanks a lot your a life saver.
👍  
properties (23)
authorbbkoopsta
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170502t184838226z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-05-02 18:48:42
last_update2017-05-02 18:48:42
depth1
children0
last_payout2017-05-09 18:48:42
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length141
author_reputation1,489,048,033,796
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,190,030
net_rshares568,522,696
author_curate_reward""
vote details (1)
@dashman · (edited)
Great article.  Is CENTER really the only way to center align content on Steemit?  I was just wondering considering that the CENTER tag is an outdated element in HTML.
properties (22)
authordashman
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170605t001027793z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-05 00:10:30
last_update2017-06-05 00:11:00
depth1
children0
last_payout2017-06-12 00:10:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length167
author_reputation99,794,405,984
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id4,185,645
net_rshares0
@erinn ·
Thank you for the refresher! It's been a while and I'm no coder.  :)
properties (22)
authorerinn
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180201t031746389z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-01 03:17:45
last_update2018-02-01 03:17:45
depth1
children0
last_payout2018-02-08 03:17:45
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length68
author_reputation313,281,357,730
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id34,018,335
net_rshares0
@evlachsblog ·
Thank you for this post. Very helpful. I just want to know how do you do RIGHT ALIGNMENT OF TEXTS? Thanks.
properties (22)
authorevlachsblog
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180225t123054711z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-25 12:30:54
last_update2018-02-25 12:30:54
depth1
children0
last_payout2018-03-04 12:30:54
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length106
author_reputation13,178,250,833,742
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id40,325,383
net_rshares0
@iamoratorsam ·
Thanks! This was so helpful man. i am in the process of writing my first post here on Steemit, and I wanted everything to turn out well. so i had to learn this extra tips. Thanks again man!
properties (22)
authoriamoratorsam
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180202t080758040z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-02 08:08:39
last_update2018-02-02 08:08:39
depth1
children0
last_payout2018-02-09 08:08:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length189
author_reputation304,998,603
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id34,341,849
net_rshares0
@ikadika ·
Thanks i am goin to follow you for sure :)
properties (22)
authorikadika
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170623t125507795z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-23 12:55:12
last_update2017-06-23 12:55:12
depth1
children0
last_payout2017-06-30 12:55:12
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length42
author_reputation207,776,280,851
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,766,623
net_rshares0
@johnmontoya ·
Very helpful article.  I wish I would have come across your info first because it would have saved a lot of time trying to figure out why instructions from related articles wouldn't work.  Thank you!!
properties (22)
authorjohnmontoya
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180328t173139414z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-03-28 17:31:39
last_update2018-03-28 17:31:39
depth1
children0
last_payout2018-04-04 17:31:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length200
author_reputation52,456,695,909
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id47,131,517
net_rshares0
@leximiss ·
Thank you! Thank you! Thank you!   
You've got my follow! :)
properties (22)
authorleximiss
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20171207t075051599z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-12-07 07:50:48
last_update2017-12-07 07:50:48
depth1
children0
last_payout2017-12-14 07:50:48
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length60
author_reputation4,237,428,441
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id22,642,211
net_rshares0
@moazzamali ·
thanks for make my day easy.. very helpful post for me to posting and stylish post on my blog.. love you keep sharing
properties (22)
authormoazzamali
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180107t155327452z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-01-07 15:53:30
last_update2018-01-07 15:53:30
depth1
children0
last_payout2018-01-14 15:53:30
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length117
author_reputation13,756,621,144
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id27,789,553
net_rshares0
@nightwolf ·
$0.16
Appreciate this article.  Still having trouble figuring out what I am doing wrong when centering text...because the rest of the document is also centered.  Anyone have any ideas?
👍  
properties (23)
authornightwolf
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180206t010738989z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-06 01:07:39
last_update2018-02-06 01:07:39
depth1
children3
last_payout2018-02-13 01:07:39
cashout_time1969-12-31 23:59:59
total_payout_value0.124 HBD
curator_payout_value0.039 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length178
author_reputation81,044,335,689
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id35,276,996
net_rshares24,062,227,700
author_curate_reward""
vote details (1)
@evlachsblog ·
$0.10
You center the text you want and then end it with **(/center)**.  but of course, instead of using *( )* use *< >*. then use <b>br</b> to break paragraphs.
👍  
properties (23)
authorevlachsblog
permlinkre-nightwolf-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180225t123513225z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-25 12:35:15
last_update2018-02-25 12:35:15
depth2
children2
last_payout2018-03-04 12:35:15
cashout_time1969-12-31 23:59:59
total_payout_value0.072 HBD
curator_payout_value0.023 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length154
author_reputation13,178,250,833,742
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id40,326,265
net_rshares17,429,588,448
author_curate_reward""
vote details (1)
@nightwolf ·
$0.11
Nice of you to take more time to explain, appreciated.
👍  ,
properties (23)
authornightwolf
permlinkre-evlachsblog-re-nightwolf-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180225t230931857z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-02-25 23:09:30
last_update2018-02-25 23:09:30
depth3
children1
last_payout2018-03-04 23:09:30
cashout_time1969-12-31 23:59:59
total_payout_value0.083 HBD
curator_payout_value0.023 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length54
author_reputation81,044,335,689
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id40,442,964
net_rshares19,758,061,039
author_curate_reward""
vote details (2)
@rbfromsa ·
$0.11
You are my hero for the day, thank you!!!!! 😊😊😊
👍  ,
properties (23)
authorrbfromsa
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170621t105357156z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-06-21 10:54:03
last_update2017-06-21 10:54:03
depth1
children0
last_payout2017-06-28 10:54:03
cashout_time1969-12-31 23:59:59
total_payout_value0.086 HBD
curator_payout_value0.028 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length47
author_reputation358,970,719,059
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id5,482,989
net_rshares8,312,065,225
author_curate_reward""
vote details (2)
@sakurasui ·
Thank you for very good information.
properties (22)
authorsakurasui
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180604t101839437z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-06-04 10:18:39
last_update2018-06-04 10:18:39
depth1
children0
last_payout2018-06-11 10:18:39
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length36
author_reputation8,244,893,924,087
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id59,182,152
net_rshares0
@simply-me ·
$0.14
been looking for this.  sending this to myself, so I can use it later.
👍  
properties (23)
authorsimply-me
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20180505t093832555z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2018-05-05 09:38:30
last_update2018-05-05 09:38:30
depth1
children0
last_payout2018-05-12 09:38:30
cashout_time1969-12-31 23:59:59
total_payout_value0.109 HBD
curator_payout_value0.033 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length70
author_reputation5,502,142,386,750
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id53,991,672
net_rshares27,056,060,927
author_curate_reward""
vote details (1)
@steemitguide · (edited)
P.S. Is it me or did the Developer just made changes to Steemit's Design Interface! There is more spacing in-between Post and pop-up Menu, a more fit Center Alignment of the Post Layout!! looks a lot neater and definitely better of as a Blog Post!
properties (22)
authorsteemitguide
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170501t135537006z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-05-01 13:55:36
last_update2017-05-01 13:56:42
depth1
children0
last_payout2017-05-08 13:55:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length247
author_reputation35,147,549,313,619
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,174,620
net_rshares0
@tommycordero ·
What I want to learn how to do is align pictures to the sides
👍  
properties (23)
authortommycordero
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170501t140258191z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-05-01 15:03:09
last_update2017-05-01 15:03:09
depth1
children3
last_payout2017-05-08 15:03:09
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length61
author_reputation22,062,117,674,135
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,175,295
net_rshares0
author_curate_reward""
vote details (1)
@steemitguide ·
https://steemit.com/steemit/@steemitguide/steemitguide-howto-make-use-of-a-steemit-feature-that-allows-you-to-display-content-floating-left-right-and-learn-to-paragraph - Here you Go, Try it out!
👍  
properties (23)
authorsteemitguide
permlinkre-tommycordero-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170501t151102102z
categorysteemit
json_metadata{"tags":["steemit"],"links":["https://steemit.com/steemit/@steemitguide/steemitguide-howto-make-use-of-a-steemit-feature-that-allows-you-to-display-content-floating-left-right-and-learn-to-paragraph"],"app":"steemit/0.1"}
created2017-05-01 15:11:03
last_update2017-05-01 15:11:03
depth2
children2
last_payout2017-05-08 15:11:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length195
author_reputation35,147,549,313,619
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,175,382
net_rshares0
author_curate_reward""
vote details (1)
@steemitguide · (edited)
\<p>
\<div class=pull-right>
< **Image Markdown Link Here**>
\</div>
Insert Text here if you want to input next to your Image!
\</p>
@tommycordero
👍  
properties (23)
authorsteemitguide
permlinkre-steemitguide-re-tommycordero-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170501t151936668z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1","users":["tommycordero"]}
created2017-05-01 15:19:36
last_update2017-05-01 15:21:15
depth3
children0
last_payout2017-05-08 15:19:36
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length146
author_reputation35,147,549,313,619
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,175,468
net_rshares0
author_curate_reward""
vote details (1)
@tommycordero ·
I just tried it and it worked, thanks a lot.

But now when I use those codes to align the pictures I can't **make the text darker**

# or bigger

----------------------------

or even divide the page
properties (22)
authortommycordero
permlinkre-steemitguide-re-tommycordero-re-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170501t152454440z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-05-01 16:25:03
last_update2017-05-01 16:25:03
depth3
children0
last_payout2017-05-08 16:25:03
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length199
author_reputation22,062,117,674,135
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id3,176,094
net_rshares0
@vohn ·
Thank you so much, I already fixed my first post  :)
properties (22)
authorvohn
permlinkre-steemitguide-markdown-and-html-codes-tutorial-how-to-center-align-images-links-gif-s-and-text-bold-italic-and-headers-20170901t212053028z
categorysteemit
json_metadata{"tags":["steemit"],"app":"steemit/0.1"}
created2017-09-01 18:22:18
last_update2017-09-01 18:22:18
depth1
children0
last_payout2017-09-08 18:22:18
cashout_time1969-12-31 23:59:59
total_payout_value0.000 HBD
curator_payout_value0.000 HBD
pending_payout_value0.000 HBD
promoted0.000 HBD
body_length52
author_reputation205,010,320,970
root_title"Markdown & HTML Codes Tutorial : How to Center Align Images, Links, GIF's and Text (Bold, Italic & Headers)"
beneficiaries[]
max_accepted_payout1,000,000.000 HBD
percent_hbd10,000
post_id13,577,310
net_rshares0