Align Text, Images, Videos & GIF's to the Center of Post using Markdown Raw Editor

[steemitguide]

I have been using Steemit for quite some time now and I personally prefer to use the Raw Editor when it comes to writing out my post. Using Markdown editing allows me to format my post to the fullest extent, so if you want to create original content valued by the Steemit Community, it's advisable to know how to write out a neat post

Since there are over Thousands and soon to be Millions of users registered on Steemit, you shouldn't have a problem when it comes to finding an audience, but the big question is how you're going to capture the crowd's attention when there is so much competition

It has come to my attention that the majority of images attached to Posts tend to aligned to the Left,

When you attach an Image, Video or GIF's, all content by default will align to the Left,
so it's a good idea to learn how to adjust your alignment rather that just using the default setting

For Illustration purpose we will align Text, Images & GIF's since an embed Video will automatically center align itself
Just for your information, you can apply the Markdown Code on any content using the Raw Editor

It's so easy to do! All you need to do is type out a simple Markdown Code followed by content and closing Code

Markdown Code to Remember

<center>InsertContenthere</center>

Example

Text

<center>Learn to Align Text to the Center of the Post<\center>

Result

Learn to Align Text to the Center of the Post

---

Image

<center>http:// www.steemimg.com/images/2016/12/01/centersteemit7781e.jpg</center>

Result

---

GIF

<center><a href="http://imgur.com/79fcoGf"><img src="" title="source: imgur.com"></center>

Result

(No space in Between Markdown Code)

---

At this moment, there is so much opportunity so you should definitely siege this moment! But as time passes, there will be a lot of creative individuals competing out there. So you have got to learn the basic's before you excel at something, with a little bit of practice!
Markdown Editing will be easy for you!

---

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!
Will write another tip on Markdown Codes Soon so Follow me for more😇!

Check Out more Tutorials & Guides on Markdown Editing

Tutorial on how to use Unicode Characters on Steemit; Includes Cheatsheet on Smileys icons and Symbols😎

HowTo Make Use of a Steemit Feature that allow's you to display content floating left & right and learn how to paragraph

Fully Support SteemBoost! Check them out at www.steemboost.com to give your Steemit account a Boost and 100% Power Up!

Comments

[abir20129]

Seriously it helps

thanks a lot buddy

[cryptoctave]

great post, helps a lot! thanks a lot for the tips

[simply-me]

Reply this, so I can reference it later. Thanks for the useful post.

[ianstrat]

Brilliant information. Many thanks

[bernardjan]

Thanks, this is helpful and useful! 😀

[countryinspired]

Thanks for sharing! I have always wondered how to center text. Now I know!

[mariana85]

Thank you great info! Was wondering about this actually!!

[voronoi]

Great resource, thanks for this!

[dubi]

Awesome!!

[ervin-lemark]

More html tag than markdown code :)

[screenname]

This post has been ranked within the top 50 most undervalued posts in the second half of Dec 01. We estimate that this post is undervalued by $8.81 as compared to a scenario in which every voter had an equal say.

See the full rankings and details in The Daily Tribune: Dec 01 - Part II. You can also read about some of our methodology, data analysis and technical details in our initial post.

If you are the author and would prefer not to receive these comments, simply reply "Stop" to this comment.

[ideagenerator]

Thank you. I wasn't sure how to center, searched steemit and found your post.

[bleujay]

Thank you for posting @steemitguide. Esteem is one way of uploading images directly from ones library...however since they are working on ios...it is currently out of comission.
How does one go about submitting a photo....from photoimage.org....in particular which of the options is compatable with either markdown or raw?
Sorry for the trouble.

[steemitguide]

You just need the Link for the Image! You can pretty much just copy paste the image into the Raw Editor.
I personally use www.steemimg.com and www.httpsimage.com. Just need to copy paste the Link into Raw Markdown Editor

[bleujay]

Thank you for your reply. Will give it a go.

[bleujay]

Thank you for your reply @stemmitguide. Very kind of you to send these links....the latter is what worked for bleujay.
Cheers.

[steemitguide]

Happy to help out ! Also followed you for your ''principle of the day'' Posts :) STEEM ON!

[bleujay]

Thank you for your reply @steemitguide. Hope you enjoy the principles.
Thank you for the 'follow'......will reciprocate.
Cheers.

[on0tole]

Videos not centered using the tag

[steemitguide]

Whenever I use a Youtube video Embeded Code, it will by default align itself to the Middle! There is no need to include the Markdown code because it pretty much takes up a section in the post! That's why i showed you how to align Text, Images and GIF's.

[lennstar]

how to do pictures that are smaller then the max size without resizing and reuploading them?

[codypanama]

You met my needs in a Grand way with this post !

Life is Good

[antoniowestley]

Thank you, even though this post is 6 months old I can verify that it still works today after using it for my first post. I just joined up so I figured I give any new readers a heads up about this. So great work with this article because research wise this issue gave me a little trouble online. :)

[codypanama]

I signed up for steemboost.com
but seems a dead site, All 7months old?
looked like a good idea though

[antoniowestley]

Eh, I wouldn't know about it but it seems like this site is really picking up major steem online. I mean I see people I'm connected to everywhere slowly posting from here

[otrip]

Great Work

[treinorstudio]

Great post, thanks a lot @steemitguide for to do this valuable content.. UPVOTE this post :)

[steemitjp]

Thank you for your tip..especially center tip is so useful to me. I am from Japan newbie. @steemitjp

[deleni]

Very helped your post! Thank you!

[ankursengupta]

Thanks for the help.

[arconte]

Very usefull. Thanks !

[dyinkfinity]

Just what I needed! Thank you!

[davidstefanatto]

Yay i finally figured out how to center text and images thanks to you.
Now my post will less of an eye sore! Thanks for posting

[ddua]

Cool man! Thanks for sharing! :)

I have a quick question. why My raw HTML is different? xb

[spiritual-exp]

This post really helped me! Thank you so much!

[kezza]

Thank you for this, it certainly helped my post to look better.

[mjphoto]

Very informative and helpful! Thx a lot mate!

[speakswithcolors]

Thank you <3

[bizdynamicx]

thank you

[ketkos]

Thanks dude!

[thachsanh]

This is what I am looking for. Thanks.

[erolled]

Thank you its working!

[praditya]

That's damn useful

[rushdbitar]

Thank you very much, I was searching for those tips!

[vapod]

Thanks!

[itisokaye]

This is definitely a big help. Thank you. 😊

[mikerophone279]

Thanks for the help! ;-)