<center>Hello all thank's for stopping by for this quick tutorial. Today I would like to show you how to neaten up your posts and make your posts more attractive by centering images or your content as I have done here.</center> <center> Before we get started I would like to mention we will be using a very simple bit of HTML, a single HTML tag to be precise. This will be a very quick and easy tutorial that will make a big improvement to your content that can be neatened up once centered.</center> <center>  </center> <center><h3>Getting Started</h3></center> <center>Center-align text in your steemit post: `<center>This text will be center-aligned.</center>`</center> <center>Center-align a image in your steemit post: `<center>https://your-image-link-goes-here.jpg</center>`</center> <center>If you would like to try using some HTML first, here is the link to w3schools.com were you may use there editor to play around with the center tag and get a feel for it first. </center> <center>[Click here to link to w3schools center content editor and give it a try](https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_center_test)</center> <hr> Hints and tips The most import thing I can stress when using your HTML center tag is to not forget to close your tag with a backspace. For example you will notice the second bit of html code has a / closing the center tag. Example: `<center> Some Text </center>` This is useful when wanting a center only a specific piece of content or when you need a white space between specific content on a post. Thanks for reading I hope you found this post useful and improves your content. Be sure to follow me @virtashare to stay updated on future post tutorials. Next I am thinking of doing a markdown language profile template that can be saved, customized and incorporated into your posts. Cheerz
author | virtashare |
---|---|
permlink | steemit-tutorial-how-to-center-content |
category | steemit |
json_metadata | {"tags":["steemit","tutorial","centering","content","images"],"users":["virtashare"],"image":["https://steemitimages.com/DQmaKi4QDFrWEVg6xGidYitCuHcetSc7Ej63ybZecWubzh7/download.png","https://steemitimages.com/DQme3nwugAihnAELsZoXV2Td4eNm2mTBw9ZqdZAHn6GDu1J/AY9SsNuk.jpg"],"links":["https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_center_test"],"app":"steemit/0.1","format":"markdown"} |
created | 2017-06-23 13:48:03 |
last_update | 2017-06-23 13:49:36 |
depth | 0 |
children | 3 |
last_payout | 2017-06-30 13:48:03 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.226 HBD |
curator_payout_value | 0.000 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 2,063 |
author_reputation | 7,152,351,667,763 |
root_title | "Tutorial: How to center content on steemit." |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 5,772,536 |
net_rshares | 18,706,253,039 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
virtashare | 0 | 17,888,992,029 | 100% | ||
chedo | 0 | 184,680,683 | 100% | ||
wildone | 0 | 632,580,327 | 100% | ||
sbrightstar | 0 | 0 | 100% |
Notice how your entire article is centered. How do you prevent that from happening?
author | mes |
---|---|
permlink | psqsn4 |
category | steemit |
json_metadata | {"tags":["steemit"],"app":"steemit/0.1"} |
created | 2019-06-07 18:57:03 |
last_update | 2019-06-07 18:57:03 |
depth | 1 |
children | 0 |
last_payout | 2019-06-14 18:57: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 | 83 |
author_reputation | 299,490,103,688,838 |
root_title | "Tutorial: How to center content on steemit." |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 86,229,495 |
net_rshares | 603,167,743 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
mixr | 0 | 603,167,743 | 3% |
Thanks from all us newbies
author | wildone |
---|---|
permlink | re-virtashare-steemit-tutorial-how-to-center-content-20170623t135406073z |
category | steemit |
json_metadata | {"tags":["steemit"],"app":"steemit/0.1"} |
created | 2017-06-23 13:54:09 |
last_update | 2017-06-23 13:54:09 |
depth | 1 |
children | 1 |
last_payout | 2017-06-30 13:54:09 |
cashout_time | 1969-12-31 23:59:59 |
total_payout_value | 0.097 HBD |
curator_payout_value | 0.032 HBD |
pending_payout_value | 0.000 HBD |
promoted | 0.000 HBD |
body_length | 26 |
author_reputation | 185,058,805,918 |
root_title | "Tutorial: How to center content on steemit." |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 5,773,221 |
net_rshares | 10,858,950,815 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
etcmike | 0 | 10,858,950,815 | 1% |
Only a pleasure happy to help :-)
author | virtashare |
---|---|
permlink | re-wildone-re-virtashare-steemit-tutorial-how-to-center-content-20170623t140628358z |
category | steemit |
json_metadata | {"tags":["steemit"],"app":"steemit/0.1"} |
created | 2017-06-23 14:06:27 |
last_update | 2017-06-23 14:06:27 |
depth | 2 |
children | 0 |
last_payout | 2017-06-30 14:06: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 | 33 |
author_reputation | 7,152,351,667,763 |
root_title | "Tutorial: How to center content on steemit." |
beneficiaries | [] |
max_accepted_payout | 1,000,000.000 HBD |
percent_hbd | 10,000 |
post_id | 5,774,539 |
net_rshares | 574,545,435 |
author_curate_reward | "" |
voter | weight | wgt% | rshares | pct | time |
---|---|---|---|---|---|
wildone | 0 | 574,545,435 | 100% |