[How-to] Center images and videos on steemit posts, make your posts look better by tokyo3

View this thread on: hive.blog | peakd.com | ecency.com

steem · @tokyo3 · Jul 21 '16 (edited)

$0.02

[How-to] Center images and videos on steemit posts, make your posts look better

<html>
<p><center><img src="http://i.imgur.com/vNgb8dL.jpg" width="400" height="413"/></center></p>
<p>I've seen many posts with images but there is something that just doesn't feel right, many of the images are moved to the left side of the page, there is a way you can center your images and I will tell you how.&nbsp;</p>
<p>Steemit editor has two modes for editing, a more visual editor&nbsp;with a buttons pane on the top that lets you do some things with your post, and the Raw HTML editor that you find when you click on the top right link of the buttons pane. unfortunately the visual editor has no option to center the images so we will do it using the Raw HTML editor instead. once you are on the Raw HTML editor you can return to the regular editor by clicking the top right link again. (labeled Editor)</p>
<p>After you click on the Raw HTML link you will find the code that makes up your post, there you will find images inside a <strong>img tag</strong> structure like this, with the link to the picture inside the src="" part.</p>
<p><img src="http://i.imgur.com/2wrMjD1.png" width="829" height="80"/></p>
<p>We will focus on the <strong>img</strong> <strong>tag</strong> which is this piece&nbsp;</p>
<p><img src="http://i.imgur.com/2FjEHh8.png" width="829" height="76"/></p>
<p>you only need to "wrap" the img tag inside another tag, the center tag so it looks like this.</p>
<p><img src="http://i.imgur.com/ZDwTnRG.png" width="826" height="101"/></p>
<p>notice there are two center tags enclosing the <strong>img tag</strong>, one opens the tag on the left, and the other closes it on the right, so the image gets inside the center tags and so it gets centered by the browser. don't forget to put the '/' slash on the closing tag or it won't work, this is how the browser knows its the closing tag that contains the image to be centered.</p>
<p>Once you are done save your post, for some reason if you return to the regular editor and make changes the center tags on the html get erased so save the post, for this reason you may want to do this once you have finished writing your post.</p>
<p><br></p>
<p>It also works with gifs:</p>
<p><center><img src="https://media.giphy.com/media/o0vwzuFwCGAFO/giphy.gif" width="300" height="300"/></center></p>
<p><br></p>
<p>and also works with video urls like this:</p>
<p><img src="http://i.imgur.com/vc6vq0K.png"/></p>
<p><center>https://www.youtube.com/watch?v=sOnqjkJTMaA</center></p>
</html>

👍 marsresident, robinlight-cbd, sillyfilthy, kosimoos, carlgetalada, realme, tritium, tokyo3, jameswoods, negoshi, seagul, quoholet, isaiahlovesiu, velven, rahulk200013, chrisrice, carolinalinna, latenighthour, cikgumirzarazak, ilhamarief90, hungryengine, jojoj, insaneworks, iamnotthere, schedio, annelise, pattttti, fy1000000, lightingnerd, danielgt, infratary, dr-frankenstein, biswassudipta05, crypto-me, aliasnoa, songsearch, micloop, aleksanderjess, xee95, ali.feizollah, skippyza, realworldeats, bagzbunny12, jordan.lesich, paperbull, tingyo, goodplanets, aqbayli, thedoctor123, lovelyloon, cryptwarz, authorlen, fibonacco, dreambigdobigger, jenlavallee, zephyr, sols, aaronparker, oriongazer, johnmontoya, auroralyrayoga, mediablume, blocklab, dustinseth, and 11 others

`author`	tokyo3
`permlink`	how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better
`category`	steem
`json_metadata`	{"tags":["steem","steemit","steemit-help","steemithelp"],"image":["http://i.imgur.com/vNgb8dL.jpg","http://i.imgur.com/2wrMjD1.png","http://i.imgur.com/2FjEHh8.png","http://i.imgur.com/ZDwTnRG.png","https://media.giphy.com/media/o0vwzuFwCGAFO/giphy.gif","http://i.imgur.com/vc6vq0K.png"],"links":["https://www.youtube.com/watch?v=sOnqjkJTMaA"]}
`created`	2016-07-21 02:14:45
`last_update`	2016-07-21 06:14:48
`depth`	0
`children`	24
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.020 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	2,456
`author_reputation`	6,280,493,052
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	235,996
`net_rshares`	14,310,546,309
`author_curate_reward`	""

properties (23)vote details (75)

voter	rshares	pct
carlgetalada	274,755,701	100%
kosimoos	296,813,406	100%
realme	257,258,787	100%
sillyfilthy	1,135,123,064	100%
marsresident	9,002,228,721	100%
sinootech	0	100%
seagul	9,662,176	100%
tritium	241,419,302	100%
robinlight-cbd	2,849,420,958	100%
supermeatboy	0	100%
ramblin-bob	0	100%
jameswoods	70,206,415	100%
tokyo3	116,878,415	100%
stephen.king989	0	100%
chrisaiki	0	100%
negoshi	56,779,364	100%
titusfrost	0	100%
jeff-kubitz	0	100%
mgaft1	0	100%
robcichocki	0	100%
romz410	0	100%
switchblade	0	100%
dustinseth	0	100%
blocklab	0	100%
mediablume	0	100%
auroralyrayoga	0	100%
johnmontoya	0	48%
oriongazer	0	100%
aaronparker	0	100%
sols	0	100%
zephyr	0	100%
jenlavallee	0	100%
dreambigdobigger	0	100%
fibonacco	0	100%
authorlen	0	100%
cryptwarz	0	100%
lovelyloon	0	100%
thedoctor123	0	100%
aqbayli	0	100%
goodplanets	0	100%
tingyo	0	100%
paperbull	0	100%
jordan.lesich	0	100%
bagzbunny12	0	100%
realworldeats	0	100%
skippyza	0	100%
ali.feizollah	0	100%
xee95	0	100%
aleksanderjess	0	100%
micloop	0	100%
songsearch	0	100%
aliasnoa	0	100%
crypto-me	0	100%
biswassudipta05	0	100%
dr-frankenstein	0	100%
infratary	0	100%
danielgt	0	100%
lightingnerd	0	100%
fy1000000	0	100%
pattttti	0	100%
annelise	0	100%
schedio	0	100%
iamnotthere	0	100%
insaneworks	0	100%
jojoj	0	100%
hungryengine	0	100%
ilhamarief90	0	100%
cikgumirzarazak	0	100%
latenighthour	0	100%
carolinalinna	0	100%
chrisrice	0	100%
rahulk200013	0	100%
velven	0	100%
isaiahlovesiu	0	100%
quoholet	0	100%

@aaronparker · Jun 13 '17

I've been looking for this. Excellent. Now my images look "normal".

👍 klass-a, micloop

`author`	aaronparker
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170613t103114148z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-06-13 10:31:18
`last_update`	2017-06-13 10:31:18
`depth`	1
`children`	0
`last_payout`	2017-06-20 10:31:18
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	67
`author_reputation`	46,479,822,297
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	4,724,398
`net_rshares`	0
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
micloop	0 B		0	100%
klass-a	0 B		0	100%

@aleksanderjess · Nov 12 '17

That's an amazing post! Good job!

properties (22)

`author`	aleksanderjess
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20171112t160404360z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-11-12 16:04:03
`last_update`	2017-11-12 16:04:03
`depth`	1
`children`	0
`last_payout`	2017-11-19 16:04:03
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	33
`author_reputation`	2,086,262,610
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	20,161,403
`net_rshares`	0

@blockchainnerd · Sep 19 '17 (edited)

I tryed it before the "p" and not worked. It is important to use it just before and after the "img" tags.

properties (22)

`author`	blockchainnerd
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170919t142139190z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-09-19 14:21:39
`last_update`	2017-09-19 14:22:09
`depth`	1
`children`	0
`last_payout`	2017-09-26 14:21:39
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	105
`author_reputation`	-50,449,385,487
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	15,330,780
`net_rshares`	0

@blockchainttmft · Jul 23 '17

Brilliant, I will definitely make use of this in my next posts, my images always look awkward on the left!

I'm glad I'm not the only one who is actively trying to improve the content on Steemit. To that effect I created this campaign (please give me feedback, I just want to help):

I will upvote every constructive comment I get on Steemit with 5-10 cents in order to create a WIN-WIN-WIN.

You win by having me upvote and follow you, I win by having great comments and more followers and above all Steemit wins by getting better content.

Read about the [rules and conditions here.](https://steemit.com/steemit/@blockchainttmft/i-will-upvote-constructive-comments-by-5-10-cents-let-s-improve-content-on-steemit-together)

Please respond here or [on my post](https://steemit.com/steemit/@blockchainttmft/i-will-upvote-constructive-comments-by-5-10-cents-let-s-improve-content-on-steemit-together) with any feedback you have, thanks!

properties (22)

`author`	blockchainttmft
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170723t124733115z
`category`	steem
`json_metadata`	{"tags":["steem"],"links":["https://steemit.com/steemit/@blockchainttmft/i-will-upvote-constructive-comments-by-5-10-cents-let-s-improve-content-on-steemit-together"],"app":"steemit/0.1"}
`created`	2017-07-23 12:48:51
`last_update`	2017-07-23 12:48:51
`depth`	1
`children`	0
`last_payout`	2017-07-30 12:48:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	934
`author_reputation`	1,214,290,587,334
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	9,413,329
`net_rshares`	0

@bola · Jul 21 '16

Great post ●‿●

properties (22)

`author`	bola
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t021615661z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 02:16:03
`last_update`	2016-07-21 02:16:03
`depth`	1
`children`	0
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	14
`author_reputation`	51,245,914,991,562
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	236,021
`net_rshares`	0

@cryptwarz · Jun 24 '17

Very helpful and easy to learn. Thank you for the explanation on the subject.

properties (22)

`author`	cryptwarz
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170624t164310119z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-06-24 16:43:09
`last_update`	2017-06-24 16:43:09
`depth`	1
`children`	0
`last_payout`	2017-07-01 16:43:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	77
`author_reputation`	20,110,390,011
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	5,930,904
`net_rshares`	0

@hungryengine · Jul 10 '18

Thank you, bro, your this center alignment trick made my post look organized.

And at last I played Thriller video Which i love a lot.

properties (22)

`author`	hungryengine
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20180710t113007456z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2018-07-10 11:30:09
`last_update`	2018-07-10 11:30:09
`depth`	1
`children`	0
`last_payout`	2018-07-17 11:30:09
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	134
`author_reputation`	5,022,285,624
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	64,148,725
`net_rshares`	0

@isaiahlovesiu · Apr 20 '19

This tutorial deserves upvote :D

properties (22)

`author`	isaiahlovesiu
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20190420t212748464z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2019-04-20 21:27:54
`last_update`	2019-04-20 21:27:54
`depth`	1
`children`	0
`last_payout`	2019-04-27 21:27:57
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	32
`author_reputation`	11,754,738,660
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	83,463,075
`net_rshares`	0

@jameswoods · Jul 21 '16

Thank you for sharing this information. I been having trouble posting pics already. this may help me.

👍 jameswoods

`author`	jameswoods
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t035626102z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 03:56:33
`last_update`	2016-07-21 03:56:33
`depth`	1
`children`	0
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	101
`author_reputation`	-584,810,994,410
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	237,804
`net_rshares`	70,206,415
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
jameswoods	0 B		70,206,415	100%

@micloop · Jan 17 '18 (edited)

@tokyo3, I was looking for this, but I only found something like this https://github.com/gnab/remark/wiki/Formatting and I don't get what I want from it.  The formart for images was like
.right[![Right-aligned image](https://images-na.ssl-images-amazon.com/images/G/01/img15/pet-products/small-tiles/23695_pets_vertical_store_dogs_small_tile_8._CB312176604_.jpg)]

Look, I pasted word to word that could be found on the link with instructions, but it doesn't work, as you can see with (.right) at beggining of image.
Anyway, thanks for the guide. You helped me a lot.

👍 micloop

`author`	micloop
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20180117t140734015z
`category`	steem
`json_metadata`	{"tags":["steem"],"users":["tokyo3"],"image":["https://images-na.ssl-images-amazon.com/images/G/01/img15/pet-products/small-tiles/23695_pets_vertical_store_dogs_small_tile_8._CB312176604_.jpg"],"links":["https://github.com/gnab/remark/wiki/Formatting"],"app":"steemit/0.1"}
`created`	2018-01-17 14:07:33
`last_update`	2018-01-17 14:08:18
`depth`	1
`children`	0
`last_payout`	2018-01-24 14:07:33
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	567
`author_reputation`	294,121,317,583
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	30,179,497
`net_rshares`	519,945,400
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
micloop	0 B		519,945,400	100%

@oriongazer · Aug 9 '17

Thank you for taking the time to post this... much appreciated!

properties (22)

`author`	oriongazer
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170809t120147267z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-08-09 12:01:45
`last_update`	2017-08-09 12:01:45
`depth`	1
`children`	0
`last_payout`	2017-08-16 12:01:45
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	63
`author_reputation`	38,419,402,803
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	11,277,494
`net_rshares`	0

@paperbull · Aug 29 '17

Cheers!

properties (22)

`author`	paperbull
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170829t193413926z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-08-29 19:34:15
`last_update`	2017-08-29 19:34:15
`depth`	1
`children`	0
`last_payout`	2017-09-05 19:34:15
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	7
`author_reputation`	167,674,813,286
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	13,264,229
`net_rshares`	0

@robinlight-cbd · Jul 21 '16

please let me know if I have this correct, when I am done in HTML it should look like this:
<p><center> whatever I'm centering goes here</center></p>
LOL! I just looked at my preview and realized it is correct! It doesn't show the code that I typed in though, just has my words centered.  
Pretty cool! Thanks so much for this tip!

👍 klass-a

`author`	robinlight-cbd
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t050447285z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 05:06:15
`last_update`	2016-07-21 05:06:15
`depth`	1
`children`	2
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	331
`author_reputation`	539,483,919,105
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	238,821
`net_rshares`	0
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
klass-a	0 B		0	100%

@tokyo3 · Jul 21 '16

yes it's working but its difficult to show the code because it's gets interpreted as instructions, this should not happen when escaping the code with another tag  but it seems it's not working at the moment on steemit,  I had to put images of the code because I had that same problem and my code did't show lol

👍 sillyfilthy

`author`	tokyo3
`permlink`	re-robinlight-cbd-re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t054730442z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 05:47:30
`last_update`	2016-07-21 05:47:30
`depth`	2
`children`	1
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	310
`author_reputation`	6,280,493,052
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	239,365
`net_rshares`	23,648,397
`author_curate_reward`	""

properties (23)vote details (1)

voter	weight	wgt%	rshares	pct	time
sillyfilthy	0 B		23,648,397	100%

@robinlight-cbd · Jul 21 '16

makes sense to me, and I am SOOOOOOOOOOOO not a techie person!  ;-)

properties (22)

`author`	robinlight-cbd
`permlink`	re-tokyo3-re-robinlight-cbd-re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t181527575z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 18:17:00
`last_update`	2016-07-21 18:17:00
`depth`	3
`children`	0
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	67
`author_reputation`	539,483,919,105
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	253,970
`net_rshares`	0

@steemitboard · Jul 15 '17

Congratulations @tokyo3! You have received a personal award!

[![](https://steemitimages.com/70x70/http://steemitboard.com/@tokyo3/birthday1.png)](http://steemitboard.com/@tokyo3) Happy Birthday - 1 Year on Steemit
Click on the badge to view your own Board of Honor on SteemitBoard.

For more information about this award, click [here](https://steemit.com/steemitboard/@steemitboard/steemitboard-update-8-happy-birthday)
> By upvoting this notification, you can help all Steemit users. Learn how [here](https://steemit.com/steemitboard/@steemitboard/http-i-cubeupload-com-7ciqeo-png)!

properties (22)

`author`	steemitboard
`permlink`	steemitboard-notify-tokyo3-20170715t195629000z
`category`	steem
`json_metadata`	{"image":["https://steemitboard.com/img/notifications.png"]}
`created`	2017-07-15 19:56:27
`last_update`	2017-07-15 19:56:27
`depth`	1
`children`	0
`last_payout`	2017-07-22 19:56:27
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	584
`author_reputation`	38,975,615,169,260
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	8,602,859
`net_rshares`	0

@steemitboard · Jul 15 '18

Congratulations @tokyo3! You have received a personal award!

[![](https://steemitimages.com/70x70/http://steemitboard.com/@tokyo3/birthday2.png)](http://steemitboard.com/@tokyo3)  2 Years on Steemit
<sub>_Click on the badge to view your Board of Honor._</sub>


**Do not miss the last post from @steemitboard:**
[SteemitBoard World Cup Contest - Final results coming soon](https://steemit.com/steemitboard/@steemitboard/steemitboard-world-cup-contest-final-contest-result-coming-soon)

> Do you like [SteemitBoard's project](https://steemit.com/@steemitboard)? Then **[Vote for its witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1)** and **get one more award**!

properties (22)

`author`	steemitboard
`permlink`	steemitboard-notify-tokyo3-20180715t234632000z
`category`	steem
`json_metadata`	{"image":["https://steemitboard.com/img/notify.png"]}
`created`	2018-07-15 23:46:30
`last_update`	2018-07-15 23:46:30
`depth`	1
`children`	0
`last_payout`	2018-07-22 23:46:30
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	707
`author_reputation`	38,975,615,169,260
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	64,807,571
`net_rshares`	0

@steemitboard · Jul 15 '19

Congratulations @tokyo3! You received a personal award!

<table><tr><td>https://steemitimages.com/70x70/http://steemitboard.com/@tokyo3/birthday3.png</td><td>Happy Birthday! - You are on the Steem blockchain for 3 years!</td></tr></table>

<sub>_You can view [your badges on your Steem Board](https://steemitboard.com/@tokyo3) and compare to others on the [Steem Ranking](https://steemitboard.com/ranking/index.php?name=tokyo3)_</sub>


###### [Vote for @Steemitboard as a witness](https://v2.steemconnect.com/sign/account-witness-vote?witness=steemitboard&approve=1) to get one more award and increased upvotes!

properties (22)

`author`	steemitboard
`permlink`	steemitboard-notify-tokyo3-20190715t200024000z
`category`	steem
`json_metadata`	{"image":["https://steemitboard.com/img/notify.png"]}
`created`	2019-07-15 20:00:24
`last_update`	2019-07-15 20:00:24
`depth`	1
`children`	0
`last_payout`	2019-07-22 20:00:24
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	612
`author_reputation`	38,975,615,169,260
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	88,338,998
`net_rshares`	0

@stolenfromsativa · Jul 24 '17

Hey have they since stopped the ability to enter another editor, because I only seem to be presented with the one; with no html option..

properties (22)

`author`	stolenfromsativa
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20170724t094336960z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2017-07-24 09:43:36
`last_update`	2017-07-24 09:43:36
`depth`	1
`children`	1
`last_payout`	2017-07-31 09:43:36
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	136
`author_reputation`	2,514,471,373
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	9,513,835
`net_rshares`	0

@roshli · Feb 10 '18

Have the same problem, no html option for me either...

properties (22)

`author`	roshli
`permlink`	re-stolenfromsativa-re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20180210t102219863z
`category`	steem
`json_metadata`	{"tags":["steem"],"app":"steemit/0.1"}
`created`	2018-02-10 10:22:21
`last_update`	2018-02-10 10:22:21
`depth`	2
`children`	0
`last_payout`	2018-02-17 10:22:21
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	54
`author_reputation`	1,096,955,576
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	36,381,946
`net_rshares`	0

@thecleangame · Jul 21 '16

yeah, but none of the text describing what you actually type is posted. 

You have to escape that stuff or surround it in quotes to show.

👍 tokyo3, thecleangame

`author`	thecleangame
`permlink`	re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t032403457z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 03:30:03
`last_update`	2016-07-21 03:30:03
`depth`	1
`children`	2
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	137
`author_reputation`	4,984,987,893,238
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	237,340
`net_rshares`	152,908,038
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
thecleangame	0 B		36,029,623	100%
tokyo3	0 B		116,878,415	100%

@tokyo3 · Jul 21 '16 (edited)

yes , thanks for the heads up, It looks like the pre and code tags are not escaping correctly the html on steemit, I tried with quotes but it also doesn't work, Im trying to find how to print html on the post maybe I will need to paste images instead

👍 sillyfilthy, thecleangame

`author`	tokyo3
`permlink`	re-thecleangame-re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t050103248z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 05:01:03
`last_update`	2016-07-21 05:01:18
`depth`	2
`children`	1
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	250
`author_reputation`	6,280,493,052
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	238,749
`net_rshares`	129,386,891
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
sillyfilthy	0 B		94,593,588	100%
thecleangame	0 B		34,793,303	100%

@thecleangame · Jul 21 '16

You bet. I was thinking of  a similar post and had the idea to just use images of the text. Perhaps that will work nicely? :D

👍 tokyo3, sillyfilthy

`author`	thecleangame
`permlink`	re-tokyo3-re-thecleangame-re-tokyo3-how-to-center-images-and-videos-on-steemit-posts-make-your-posts-look-better-20160721t045626273z
`category`	steem
`json_metadata`	{"tags":["steem"]}
`created`	2016-07-21 05:02:27
`last_update`	2016-07-21 05:02:27
`depth`	3
`children`	0
`last_payout`	2016-08-21 03:24:51
`cashout_time`	1969-12-31 23:59:59
`total_payout_value`	0.000 HBD
`curator_payout_value`	0.000 HBD
`pending_payout_value`	0.000 HBD
`promoted`	0.000 HBD
`body_length`	125
`author_reputation`	4,984,987,893,238
`root_title`	"[How-to] Center images and videos on steemit posts, make your posts look better"
`beneficiaries`	`[]`
`max_accepted_payout`	1,000,000.000 HBD
`percent_hbd`	10,000
`post_id`	238,770
`net_rshares`	211,472,003
`author_curate_reward`	""

properties (23)vote details (2)

voter	weight	wgt%	rshares	pct	time
sillyfilthy	0 B		94,593,588	100%
tokyo3	0 B		116,878,415	100%

@tingyo · Feb 3 '18

Thank you very much! This post was extremely useful :)

properties (22)